依赖 和 提交按钮样式优化

babel.config.js

@@ -1,5 +1,5 @@
-module.exports = {
+// module.exports = {
-  presets: [
+//   presets: [
-    '@vue/cli-plugin-babel/preset'
+//     '@vue/cli-plugin-babel/preset'
-  ]
+//   ]
-}
+// }

package.json

@@ -10,36 +10,33 @@
     "lint": "vue-cli-service lint"
   },
   "dependencies": {
-    "axios": "^0.26.0",
+    "axios": "^0.27.2",
     "clipboard": "^2.0.11",
-    "core-js": "^3.8.3",
+    "core-js": "^3.26.1",
     "crypto-js": "^4.1.1",
     "escape-html": "^1.0.3",
     "file-saver": "^2.0.5",
-    "pako": "^2.0.4",
+    "pako": "^2.1.0",
-    "qrcode": "^1.5.0",
+    "qrcode": "^1.5.1",
-    "view-design": "^4.0.0",
+    "view-design": "^4.7.0",
-    "vue": "^2.7.7",
+    "vue": "^2.7.14",
-    "vue-axios": "^3.4.1",
+    "vue-axios": "^3.5.2",
-    "vue-i18n": "^8.27.2",
+    "vue-i18n": "^8.28.2",
-    "vue-router": "^3.5.1"
+    "vue-router": "^3.5.4"
   },
   "devDependencies": {
     "@babel/core": "^7.12.16",
     "@babel/eslint-parser": "^7.12.16",
-    "@vue/cli-plugin-babel": "~5.0.0",
+    "@vue/cli-plugin-babel": "~5.0.8",
-    "@vue/cli-plugin-eslint": "~5.0.0",
+    "@vue/cli-plugin-eslint": "~5.0.8",
-    "@vue/cli-plugin-router": "~5.0.0",
+    "@vue/cli-plugin-router": "~5.0.8",
-    "@vue/cli-service": "~5.0.0",
+    "@vue/cli-service": "~5.0.8",
     "compression-webpack-plugin": "^10.0.0",
     "eslint": "^7.32.0",
     "eslint-plugin-vue": "^8.0.3",
     "javascript-obfuscator": "^4.0.0",
-    "vue-cli-plugin-iview": "^2.0.0",
+    "webpack-obfuscator": "^3.5.1",
-    "vue-template-compiler": "^2.6.14",
+    "webpack": "^5.1.0"
-    "webpack-bundle-analyzer": "^4.7.0",
-    "webpack-cli": "^5.0.0",
-    "webpack-obfuscator": "^3.5.1"
   },
   "eslintConfig": {
     "root": true,

src/App.vue

@@ -13,6 +13,7 @@ export default {
 </script>
 
 <style>
+
 .ivu-btn:focus {
   box-shadow: none !important;
 }
@@ -26,6 +27,7 @@ export default {
 }
 
 body {
+  -webkit-text-size-adjust: 100% !important;
   font-family: "Microsoft YaHei", "Helvetica Neue", Helvetica, Arial,
     "PingFang SC", "Hiragino Sans GB", "Heiti SC", "WenQuanYi Micro Hei",
     sans-serif;
@@ -92,7 +94,7 @@ body {
 .noteUrl {
   color: #ed4014;
   font-weight: bold;
-  font-family: Merriweather;
+  font-family: Merriweather "Bitstream Vera Sans Mono", Consolas, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei";
 
 }
 
@@ -110,4 +112,10 @@ body {
 .hideBlock {
   display: none;
 }
+
+button span {
+  font-size: 16px !important;
+  font-family: apple-system,BlinkMacSystemFont,Helvetica Neue,PingFang SC,Microsoft YaHei,Source Han Sans SC,Noto Sans CJK SC,WenQuanYi Micro Hei,sans-serif;
+  margin-bottom: 5px;
+}
 </style>

src/i18n/config/en.js

@@ -12,6 +12,7 @@ const en = {
     selectAll: "Select All",
     copy: "Copy",
     copyAll: "Copy All",
+    share: "Share"
   },
 };
 export default en;

src/i18n/config/zh.js

@@ -12,6 +12,7 @@ const zh = {
     selectAll: "全选",
     copy: "复制",
     copyAll: "复制全部",
+    share: "分享"
   },
 };
 export default zh;

src/views/EditNote.vue

@@ -39,6 +39,8 @@
   justify-content: center;
 }
 
+
+
 @media print {
 
   @page {
@@ -62,14 +64,6 @@
 }
 </style>
 
-<style>
-/* .ivu-btn-text:focus {
-  margin-top: -3px;
-  box-shadow: none !important;
-} */
-</style>
-
-
 <template>
   <div class="layout">
 
@@ -106,8 +100,8 @@
 
                 <Button-group size="large">
                   <Button aria-label="publish" type="error" :loading="model.submitting"
-                    style="margin-left:5px; border-radius: 0px;font-size: 24px;" @click="submitNote()"
+                    style="margin-left:5px; border-radius: 0px;font-size: 23px;" @click="submitNote()"
-                    icon="md-cloud-upload"></Button>
+                    icon="md-cloud-upload">{{$t("button.share")}}</Button>
                   <Button aria-label="menu" type="error" style="margin-left:5px; border-radius: 0px;font-size: 24px;"
                     @click="switchMenu()" @blur.native="hideMenu()" icon="md-menu"></Button>
 

src/views/ViewNote.vue

@@ -128,11 +128,7 @@
   border-radius: 0px !important;
 }
 
-button span {
+
-  font-size: 18px;
-  margin-left: -1px !important;
-  margin-bottom: 4px;
-}
 
 /* #noteMenu button span{
   font-size: 15px;
@@ -172,7 +168,7 @@ button span {
                 <Button-group size="large">
 
                   <Button aria-label="share" type="error"
-                    style="margin-left:5px; border-radius: 0px;font-size: 24px; font-family: Arial, sans-serif"
+                    style="margin-left:5px; border-radius: 0px;font-size: 23px; font-family: Arial, sans-serif"
                     @click="showShareModel()" icon="md-cloud-done">{{ state.ttlDesc }}</Button>
 
                   <Button aria-label="menu" type="error" style="margin-left:5px; border-radius: 0px;font-size: 24px;"

vue.config.js

@@ -1,14 +1,18 @@
 const { defineConfig } = require("@vue/cli-service");
 const CompressionPlugin = require("compression-webpack-plugin");
 const WebpackObfuscator = require('webpack-obfuscator');
+const TerserPlugin = require("terser-webpack-plugin");
 
 module.exports = defineConfig({
+
   assetsDir: 'static',
   productionSourceMap: false,
-  configureWebpack: {
+  configureWebpack: (config) => {
 
-    //    devtool: false,
+    // 为生产环境修改配置
-    plugins: [
+    //if (process.env.NODE_ENV === 'production') {
+    if (true) {
+      config.plugins.push(
         new WebpackObfuscator({
           compact: true,//压缩代码
           controlFlowFlattening: true,//是否启用控制流扁平化(降低1.5倍的运行速度)
@@ -36,7 +40,8 @@ module.exports = defineConfig({
           threshold: 5120, // 对超过10k的数据压缩
           deleteOriginalAssets: false, // 是否删除未压缩的源文件，谨慎设置，如果希望提供非gzip的资源，可不设置或者设置为false（比如删除打包后的gz后还可以加载到原始资源文件）
         }),
-    ],
+      )
+    }
   },
   transpileDependencies: true,
   chainWebpack: (config) => {