Merge pull request #91 from alvinkwok1/master

添加生成条形码功能 #89

README.md

@@ -56,6 +56,7 @@ npm run build -adapter=[chrome|edge|utools|firefox|web]
 |URL编码|`编码`,`解码`|√|
 |时间戳|双向转换|√|
 |二维码|`生成`,`解析`|√|
+|条形码|`生成`|√|
 |汉字转拼音|`声调`,`首字母`,`分隔符`|√|
 |IP地址查询|`运营商`,`城市`|×|
 |代码格式化|`js`, `ts`, `html`, `css`, `less`, `scss`, `graphql`, `vue`, `angular`, `markdown`, `json5`, `xml`, `yaml`, `sql`, `压缩`|√|
@@ -120,5 +121,7 @@ npm run build -adapter=[chrome|edge|utools|firefox|web]
 - [monaco-editor](https://www.npmjs.com/package/monaco-editor)
 - [js-htmlencode](https://www.npmjs.com/package/js-htmlencode)
 - [jsrsasign](https://www.npmjs.com/package/jsrsasign)
+- [vue-color](https://github.com/xiaokaike/vue-color.git)
+- [jsbarcode](https://github.com/lindell/JsBarcode.git)
 
 > 当然项目中还使用很多不知道姓名的大神的代码, 在这里就不一一感谢

package.json

@@ -28,6 +28,7 @@
         "js-base64": "^2.6.4",
         "js-htmlencode": "^0.3.0",
         "js-yaml": "^3.14.1",
+        "jsbarcode": "^3.11.5",
         "json-to-properties": "^1.1.3",
         "jsonlint": "^1.6.3",
         "jsrsasign": "^10.4.1",
@@ -55,6 +56,7 @@
         "uuid": "^8.3.2",
         "view-design": "^4.6.1",
         "vue": "^2.6.14",
+        "vue-color": "^2.8.1",
         "vue-router": "^3.5.3",
         "x2js": "github:abdolence/x2js"
     },

src/config.js

@@ -40,6 +40,7 @@ const tool = [
     {'name': 'url', 'title': 'URL编码', 'cat': ['conversion']},
     {'name': 'timestamp', 'title': '时间戳', 'cat': ['conversion']},
     {'name': 'qrCode', 'title': '二维码', 'cat': ['generate']},
+    {'name': 'barcode', 'title': '条形码', 'cat': ['generate']},
     {'name': 'pinyin', 'title': '汉字转拼音', 'cat': ['conversion']},
     {'name': 'ip', 'title': 'IP地址查询', 'cat': ['other']},
     {'name': 'code', 'title': '代码格式化', 'cat': ['other']},

src/tool.router.js

@@ -70,6 +70,10 @@ const routes = [
         path: '/tool/qrCode',
         component: r => require(['./views/tool/qrCode.vue'], r)
     },
+    {
+        path: '/tool/barcode',
+        component: r => require(['./views/tool/barcode.vue'], r)
+    },
     {
         path: '/tool/randomString',
         component: r => require(['./views/tool/randomString.vue'], r)