压缩图片等

package.json

@@ -15,6 +15,7 @@
     "element-theme": "^2.0.1",
     "element-ui": "^2.15.6",
     "html2canvas": "^1.3.2",
+    "jquery": "^3.7.1",
     "js-cookie": "^2.2.1",
     "jspdf": "^2.4.0",
     "lru-cache": "^7.14.1",
@@ -39,6 +40,9 @@
     "browserslist": "^4.17.5",
     "caniuse-lite": "^1.0.30001271",
     "element-theme-chalk": "^2.15.6",
+    "image-minimizer-webpack-plugin": "^4.0.0",
+    "image-webpack-loader": "^8.1.0",
+    "imagemin-gifsicle": "^7.0.0",
     "sass-loader": "^8.0.2",
     "vue-template-compiler": "^2.6.14"
   }

src/i18n/index.js

@@ -67,7 +67,10 @@ export const messages = {
       geographicLocation: '地理位置',
       organization: '机构设置',
       introduce: '介绍',
-      ActivityIntroduction: '活动简介'
+      ActivityIntroduction: '活动简介',
+      back: '返回',
+			comming: '暂无更多信息，敬请期待。',
+			nothing: '没有找到您搜索的内容，您可尝试搜索其他关键词。',
     }
   },
   'en': {
@@ -137,7 +140,10 @@ export const messages = {
       geographicLocation: 'geographic location',
       organization: 'Organization',
       introduce: 'Introduce',
-      ActivityIntroduction: 'Activity Introduction'
+      ActivityIntroduction: 'Activity Introduction',
+      back: 'Back',
+			comming: 'coming soone',
+			nothing: `We couldn't find the content you were searching for. You can try searching for other keywords.`,
     }
   }
 };

src/pages/aboutUs/index.vue

@@ -1283,6 +1283,14 @@ export default {
 @media (max-width: 640px) {
     .wrap {
         .banner {
+            display: flex;
+            flex-direction: column;
+            justify-content: center;
+            align-items: center;
+            height: 380px;
+            padding: 0 30px;
+            background: #0f5bed url(https://huorantech.com/images/about/banner1.png) 0 0 / auto no-repeat;
+            // background-color: #0f5bed;
             .texts {
                 max-width: 100%;
             }

src/pages/article/index.vue

@@ -304,6 +304,7 @@ export default {
         flex-direction: column;
         .left {
             width: 100%;
+            margin-bottom: 20px;
             h2 {
                 font-size: 1.5rem;
             }

src/pages/column/index.vue

@@ -463,8 +463,6 @@
             </ul>
           </div>
         </template>
-        <div v-else
-             class="right"></div>
       </div>
     </div>
   </div>
@@ -913,6 +911,9 @@ export default {
 
     .left {
         width: 83%;
+        &:only-child {
+            width: 100%;
+        }
     }
 
     .article-wrap {
@@ -1414,7 +1415,6 @@ export default {
         }
         .left {
             width: 100%;
-
             .forms {
                 flex-direction: column;
                 justify-content: center;
@@ -1532,5 +1532,16 @@ export default {
             }
         }
     }
+    .detail {
+        h2 {
+            font-size: 1.3rem;
+        }
+        .meta {
+            font-size: 0.7rem;
+        }
+        .brief {
+            font-size: 1rem;
+        }
+    }
 }
 </style>

vue.config.js

@@ -1,5 +1,4 @@
 const Setting = require("./src/setting.env");
-
 module.exports = {
     lintOnSave: true,
     css: {
@@ -14,9 +13,14 @@ module.exports = {
     assetsDir: Setting.assetsDir,
     devServer: {
         port: 8097 // 固定端口
-    },
-    configureWebpack: {
-      devtool: 'source-map'
     },
 		productionSourceMap: false,
+		chainWebpack: config => {
+      config.module
+        .rule("images")
+        .use("image-webpack-loader")
+        .loader("image-webpack-loader")
+        .options({ bypassOnDebug: true })
+        .end();
+    }
 };