sit

dist/static/css/chunk-732a634a.5f03f47c.css → dist/static/css/chunk-16dde2a6.9c0f965e.css

@@ -1 +1 @@
-.addr-null[data-v-2533ea67]{width:230px;height:227.5px;-webkit-box-sizing:border-box;box-sizing:border-box;position:fixed;left:50%;top:150px;-webkit-transform:translateX(-50%);transform:translateX(-50%);text-align:center;font-size:12px;font-weight:400;color:#959595}.addr-null img[data-v-2533ea67]{width:230px;height:227.5px}.addr-null .addr-null-title[data-v-2533ea67]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.addr-null .addr-null-title p[data-v-2533ea67]{margin:0 0 10px 0;width:68.5px;height:16px;font-size:17px;font-family:Source Han Sans CN;font-weight:500;color:#1a1a1a;line-height:20px}.addr-null .addr-null-title .p1[data-v-2533ea67]{width:262px;height:23px;font-size:25px;font-family:Source Han Sans CN;font-weight:400;color:#999;line-height:44px}
+.addr-null[data-v-5fec4f4e]{width:230px;height:227.5px;-webkit-box-sizing:border-box;box-sizing:border-box;position:fixed;left:50%;top:150px;-webkit-transform:translateX(-50%);transform:translateX(-50%);text-align:center;font-size:12px;font-weight:400;color:#959595}.addr-null img[data-v-5fec4f4e]{width:230px;height:227.5px}.addr-null .addr-null-title[data-v-5fec4f4e]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.addr-null .addr-null-title p[data-v-5fec4f4e]{margin:0 0 10px 0;width:68.5px;height:16px;font-size:17px;font-family:Source Han Sans CN;font-weight:500;color:#1a1a1a;line-height:20px}.addr-null .addr-null-title .p1[data-v-5fec4f4e]{width:262px;height:23px;font-size:25px;font-family:Source Han Sans CN;font-weight:400;color:#999;line-height:44px}

dist/static/css/chunk-2c2bdb6b.071d56ae.css

@@ -1 +0,0 @@
-.introduce[data-v-b6d4fef2]{background:#e6e6dc;position:relative;width:100%;height:100%;overflow-y:scroll}.introduce .list img[data-v-b6d4fef2]{display:inline-block;width:100%}.introduce .header[data-v-b6d4fef2]{position:absolute;height:46px;width:100%;top:0;left:0}.introduce .header img[data-v-b6d4fef2]{width:9px;margin:18px 0 0 16px}

dist/static/css/chunk-4a316060.89c0e08b.css

@@ -0,0 +1 @@
+.introduce[data-v-d084891e]{background:#e6e6dc;position:relative;width:100%;height:100%;overflow-y:scroll}.introduce .list img[data-v-d084891e]{display:inline-block;width:100%}.introduce .header[data-v-d084891e]{position:absolute;height:46px;width:100%;top:0;left:0}.introduce .header img[data-v-d084891e]{width:9px;margin:18px 0 0 16px}

dist/static/js/main.0876b234.js

@@ -0,0 +1 @@
+(window.webpackJsonp=window.webpackJsonp||[]).push([["main"],{3:function(n,i,o){n.exports=o("db4d")}},[[3,"runtime","chunk-libs"]]]);

package.json

@@ -21,6 +21,7 @@
     "js-cookie": "^2.2.0",
     "lrz": "^4.9.40",
     "npm": "^7.13.0",
+    "url-loader": "^4.1.1",
     "vant": "^2.12.23",
     "videojs-contrib-hls": "^5.15.0",
     "vue-video-player": "^5.0.2",
@@ -43,6 +44,7 @@
     "eslint": "^5.16.0",
     "eslint-plugin-prettier": "^3.1.0",
     "eslint-plugin-vue": "^5.0.0",
+    "image-webpack-loader": "^8.0.1",
     "less": "^3.0.4",
     "less-loader": "^4.1.0",
     "node-sass": "^4.9.0",

src/views/address/component/addrList.vue

@@ -23,11 +23,11 @@
             @click.stop="modelcheck(cardData[i].id)"
           ></div>
           <div class="del" @click.stop="del(cardData[i].id)">
-            <img src="@/assets/images/delete/del-active.png" />
+            <img :src="del" />
             <span>删除</span>
           </div>
           <div class="edit" @click.stop="handleEdit(cardData[i])">
-            <img src="@/assets/images/delete/select.png" />
+            <img :src="edit" />
             <span>编辑</span>
           </div>
         </div>
@@ -53,6 +53,8 @@ export default {
   data() {
     return {
       id: "",
+      del: require("@/assets/images/delete/del-active.png"),
+      edit: require("@/assets/images/delete/select.png"),
       sum: 0,
       isShow: false,
       iconname: 0,

src/views/address/index.vue

@@ -2,16 +2,15 @@
   <div class="address" style="padding-top: 46px; background: #e6e6dc">
     <van-nav-bar
       title="我的地址"
-      
       class="van-nav-bar-my-fixed"
       left-arrow
       @click-left="onClickLeft"
       :right-text="isRes === '1' || total === 0 ? '' : ''"
       @click-right="onAdd"
       fixed
-    ><template #right>
-    <van-icon name="plus" size="18" />
-  </template></van-nav-bar>
+      ><template #right>
+        <van-icon name="plus" size="18" /> </template
+    ></van-nav-bar>
     <addr-list
       v-if="newTime !== ''"
       :newTime="newTime"
@@ -28,7 +27,7 @@
     <div class="del">删除</div>
     <div class="normal">设为默认</div> -->
     <div class="addr-null" v-show="isShowAddrNull">
-      <img src="@/assets/images/home/addr-null.png" alt="" />
+      <img :src="addrALL" alt="" />
       <div class="addr-null-title">暂无地址~</div>
     </div>
     <div
@@ -55,6 +54,7 @@ export default {
   data() {
     AddrList;
     return {
+      addrALL: require("@/assets/images/home/addr-null.png"),
       newTime: "",
       isShowAddrNull: true,
       delId: "",
@@ -217,7 +217,7 @@ export default {
   height: 100%;
   padding: 48px 0 0 0;
   box-sizing: border-box;
-  overflow-y:scroll;
+  overflow-y: scroll;
   // background-color: red;
 
   .van-tag--danger {
@@ -235,8 +235,8 @@ export default {
       // background: linear-gradient(-180deg, #fcce56, rgb(255, 131, 39), #f9680f);
       background-color: #e6e6dc;
       border: 0;
-      border-radius: 10px!important;
-      color:#282826;
+      border-radius: 10px !important;
+      color: #282826;
       font-size: 1.2em;
       font-weight: 400;
     }

src/views/introduce/index.vue

@@ -6,13 +6,6 @@
     <div class="list" v-if="showList&&showList.length>0">
       <img v-for="(img,index) in showList" :key="img+index" :src="img" alt="">
     </div>
-    <!-- <div class="addr-null">
-      <img src="@/assets/images/referMenu/referMenu.png" alt="" />
-      <div class="addr-null-title">
-        <p>敬请期待</p>
-      </div>
-      <p style="margin: 0" class="p1">程序大大正努力开发中~</p>
-    </div> -->
   </div>
 </template>
 

src/views/login/index.vue

@@ -86,11 +86,11 @@ export default {
   data() {
     return {
       passwordStatus: false, //默认隐藏密码
-      BG: require("@/assets/img/login.png"),
-      user: require("@/assets/img/cardNo.png"),
-      pwod: require("@/assets/img/password.png"),
-      loginBox: require("@/assets/img/loginBox.png"),
-      footer: require("@/assets/img/footer.png"),
+      BG: require("@/assets/images/login.png"),
+      user: require("@/assets/images/cardNo.png"),
+      pwod: require("@/assets/images/password.png"),
+      loginBox: require("@/assets/images/loginBox.png"),
+      footer: require("@/assets/images/footer.png"),
       loadding: false,
 
       form: {

src/views/my/index.vue

@@ -2,12 +2,12 @@
   <div class="my">
     <div class="mine-resume">
       <div class="bgImg">
-        <img src="@/assets/images/my/personal/bgImg.png" alt="" />
+        <img :src="bgImg" alt="" />
       </div>
 
       <div class="my-info">
         <div class="my-info-bg">
-          <img src="@/assets/images/my/personal/my-info.png" alt="" />
+          <img :src="myInfo" alt="" />
         </div>
         <div class="mine-resume-main">
           <div class="clear headerBox">
@@ -80,7 +80,7 @@
         退出登录
       </van-button> -->
       <div class="footer">
-        <img src="@/assets/images/my/footer.png" />
+        <img :src="footer" />
       </div>
     </div>
     </div>
@@ -95,7 +95,10 @@ export default {
   data() {
     return {
       header: require("@/assets/images/my/header.png"), //用户头像
+       footer: require("@/assets/images/my/footer.png"), //用户头像
       userData: null,
+      bgImg: require("@/assets/images/my/personal/bgImg.png"),
+      myInfo: require("@/assets/images/my/personal/my-info.png"),
       active: require("@/assets/images/my/menu.png"),
       ad: require("@/assets/images/my/ad.png"), //地理定位
       order: require("@/assets/images/my/my-order.png"), //用户订单

src/views/order/orderRes.vue

@@ -61,7 +61,7 @@ export default {
     return {
       //初始小球不显示
 
-      img: require("@/assets/img/state@2x.png"),
+      img: require("@/assets/images/state@2x.png"),
       resData: null,
       id: "",
       ok: false,

src/views/paddy/index.vue

@@ -42,32 +42,26 @@
       </van-swipe>
     </div>
     <div class="centerBtn">
-      <li @click="goto('/introduce', 1)">
-        <img src="@/assets/images/home/centerUl/rice.png" alt="" />
-        <p>五常大米</p>
-      </li>
-      <li @click="goto('/introduce', 2)">
-        <img src="@/assets/images/home/centerUl/card.png" alt="" />
-        <p>金卡权益</p>
-      </li>
-      <li @click="goto('/introduce', 3)">
-        <img src="@/assets/images/home/centerUl/infro.png" alt="" />
-        <p>品牌简介</p>
+      <li
+        v-for="(item, index) in centerBtnList"
+        :key="item.name + index"
+        @click="goto('/introduce', index + 1)"
+      >
+        <img :src="item.img" alt="" />
+        <p>{{ item.name }}</p>
       </li>
     </div>
     <div class="detail">
       <p>产品展示</p>
       <ul class="baozhuangBox clear">
-        <li @click="goto('/home/product', '五常大米-实惠装')">
+        <li
+          v-for="(item, index) in baozhuangBoxList"
+          :key="index + item.name"
+          @click="goto('/home/product', index)"
+        >
           <div class="riceBag">
-            <img src="@/assets/images/home/detail/bag.png" alt="" />
-            <div class="fd">实惠装</div>
-          </div>
-        </li>
-        <li @click="goto('/home/product', '五常大米-礼盒装')">
-          <div class="riceBag riceBox">
-            <img src="@/assets/images/home/detail/box.png" alt="" />
-            <div class="fd">礼盒装</div>
+            <img :src="item.img" alt="" />
+            <div class="fd">{{ item.name }}</div>
           </div>
         </li>
       </ul>
@@ -99,7 +93,7 @@
       </div>
     </div>
     <div class="bottom">
-      <img src="@/assets/img/footer.png" alt="" />
+      <img :src="footer" alt="" />
     </div>
   </div>
 </template>
@@ -108,6 +102,31 @@ export default {
   data() {
     return {
       current: 0,
+      footer: require("@/assets/images/footer.png"), //用户头像
+      centerBtnList: [
+        {
+          name: "五常大米",
+          img: require("@/assets/images/home/centerUl/rice.png"),
+        },
+        {
+          name: "金卡权益",
+          img: require("@/assets/images/home/centerUl/card.png"),
+        },
+        {
+          name: "品牌简介",
+          img: require("@/assets/images/home/centerUl/infro.png"),
+        },
+      ],
+      baozhuangBoxList: [
+        {
+          name: "实惠装",
+          img: require("@/assets/images/home/detail/bag.png"),
+        },
+        {
+          name: "礼盒装",
+          img: require("@/assets/images/home/detail/box.png"),
+        },
+      ],
       more: require("@/assets/images/home/more.png"),
       list: [
         {

src/views/product/index.vue

@@ -1,10 +1,10 @@
 <template>
   <div class="product" v-loading="loading">
     <div class="bgImg">
-      <img class="bgImg-img" src="@/assets/images/product/bgImg.png" alt="" />
+      <img class="bgImg-img" :src="bgImg" alt="" />
 
       <div class="tags">
-        <img src="@/assets/images/product/tags.png" alt="" />
+        <img :src="tags" alt="" />
       </div>
     </div>
 
@@ -41,7 +41,7 @@
       </div>
       <div class="kongParents" v-else>
         <div @click="getaddress" class="kong clear">
-          <img src="@/assets/images/product/add.png" alt="" />
+          <img :src="addrAdd" alt="" />
           <span>添加地址</span>
         </div>
       </div>
@@ -68,7 +68,10 @@ export default {
   mixins: [resToken],
   data() {
     return {
-      select: "/static/img/select.bed55bd9.png",
+      addrAdd: require("@/assets/images/product/add.png"), //用户头像
+      bgImg: require("@/assets/images/product/bgImg.png"), //用户头像
+      tags: require("@/assets/images/product/tags.png"), //用户头像
+      // select: "/static/img/select.bed55bd9.png",
       selectActive: 0,
       // selectActive: "@/assets/images/product/select-active.png",
       currIndex: null,

src/views/referMenu/index.vue

@@ -8,11 +8,10 @@
       @click-right="onClickRight"
       fixed
     />
-      <!-- :right-text="isRes === '1' || total === 0 ? '' : '删除'" -->
-
+    <!-- :right-text="isRes === '1' || total === 0 ? '' : '删除'" -->
 
     <div class="addr-null">
-      <img src="@/assets/images/referMenu/referMenu.png" alt="" />
+      <img :src="referMenu" alt="" />
       <div class="addr-null-title">
         <p>敬请期待</p>
       </div>
@@ -29,6 +28,7 @@ export default {
     return {
       title: null,
       loading: false,
+      referMenu: require("@/assets/images/referMenu/referMenu.png"),
     };
   },
   async created() {
@@ -58,7 +58,6 @@ export default {
 </script>
 
 <style lang="scss" scoped>
-
 //空地址时候的样式
 .addr-null {
   width: 230px;

vue.config.js

@@ -44,43 +44,44 @@ module.exports = {
     // 入口文件
     config.entry.app = ["babel-polyfill", "./src/main.js"];
     config.externals = {
-        'vue': 'Vue',
-        axios: "axios",
-        'vue-router': 'VueRouter'
+      'vue': 'Vue',
+      axios: "axios",
+      'vue-router': 'VueRouter'
     };
-    if (isProduction) {
-        config.plugins.push(new CompressionWebpackPlugin({
-            algorithm: 'gzip',
-            test: new RegExp('\\.(' + productionGzipExtensions.join('|') + ')$'),
-            threshold: 10240,
-            // deleteOriginalAssets:true, //删除源文件，不建议
-            minRatio: 0.5
-        }))
-    }
+ 
     // 删除console插件
     let plugins = [
-        new UglifyJsPlugin({
-            uglifyOptions: {
-                compress: {
-                    // warnings: false, // `warnings` is not a supported option
-                    drop_console: true,
-                    drop_debugger: true
-                },
-                output: {
-                    // 去掉注释内容
-                    comments: true
-                }
-            },
-            cache: true, //启用/禁用文件缓存（类型可布尔也可是字符串）
-            sourceMap: false,
-            parallel: true
-        })
+      new UglifyJsPlugin({
+        uglifyOptions: {
+          compress: {
+            // warnings: false, // `warnings` is not a supported option
+            drop_console: true,
+            drop_debugger: true
+          },
+          output: {
+            // 去掉注释内容
+            comments: true
+          }
+        },
+        cache: true, //启用/禁用文件缓存（类型可布尔也可是字符串）
+        sourceMap: false,
+        parallel: true
+      })
     ];
     // 只有打包生产环境才需要将console删除
     if (isProduction) {
-        config.plugins = [...config.plugins, ...plugins];
+      config.plugins = [...config.plugins, ...plugins];
     }
-},
+    if (isProduction) {
+      config.plugins.push(new CompressionWebpackPlugin({
+        algorithm: 'gzip',
+        test: new RegExp('\\.(' + productionGzipExtensions.join('|') + ')$'),
+        threshold: 10240,
+        // deleteOriginalAssets:true, //删除源文件，不建议
+        minRatio: 0.7
+      }))
+    }
+  },
 
   chainWebpack(config) {
     // it can improve the speed of the first screen, it is recommended to turn on preload
@@ -97,62 +98,83 @@ module.exports = {
 
     // when there are many pages, it will cause too many meaningless requests
     config.plugins.delete('prefetch')
+    // 解决ie11兼容ES6
+    config.entry('main').add('babel-polyfill')
+    // config.module.rule('images')
+    //   .test(/\.(png|jpe?g|gif)(\?.*)?$/)
+    //   .use('image-webpack-loader')
+    //   .loader('image-webpack-loader')
+    //   .options({ bypassOnDebug: true })
+  
+  // 开启图片压缩
+  // config.module.rule('images')
+  //   .test(/\.(png|jpe?g|gif)(\?.*)?$/)
+  // .use('url-loader')
+  // .loader('url-loader')
+  // .use('image-webpack-loader')
+  // .loader('image-webpack-loader')
+  // .options({ bypassOnDebug: true })
+  // 开启js、css压缩
 
-    // set svg-sprite-loader
-    config.module
-      .rule('svg')
-      .exclude.add(resolve('src/icons'))
-      .end()
+
+  // set svg-sprite-loader
+  config.module
+    .rule('svg')
+    .exclude.add(resolve('src/icons'))
+    .end()
     config.module
-      .rule('icons')
-      .test(/\.svg$/)
-      .include.add(resolve('src/icons'))
-      .end()
-      .use('svg-sprite-loader')
-      .loader('svg-sprite-loader')
-      .options({
-        symbolId: 'icon-[name]'
-      })
-      .end()
-//process.env.NODE_ENV !== 'development'
+    .rule('icons')
+    .test(/\.svg$/)
+    .include.add(resolve('src/icons'))
+    .end()
+    .use('svg-sprite-loader')
+    .loader('svg-sprite-loader')
+    .options({
+      symbolId: 'icon-[name]'
+    })
+    .end()
+    //process.env.NODE_ENV !== 'development'
     config
       .when(true,
-        config => {
-          config
-            .plugin('ScriptExtHtmlWebpackPlugin')
-            .after('html')
-            .use('script-ext-html-webpack-plugin', [{
-              // `runtime` must same as runtimeChunk name. default is `runtime`
-              inline: /runtime\..*\.js$/
-            }])
-            .end()
-          config
-            .optimization.splitChunks({
-              chunks: 'all',
-              cacheGroups: {
-                libs: {
-                  name: 'chunk-libs',
-                  test: /[\\/]node_modules[\\/]/,
-                  priority: 10,
-                  chunks: 'initial' // only package third parties that are initially dependent
-                },
-                // elementUI: {
-                //   name: 'chunk-elementUI', // split elementUI into a single package
-                //   priority: 20, // the weight needs to be larger than libs and app or it will be packaged into libs or app
-                //   test: /[\\/]node_modules[\\/]_?element-ui(.*)/ // in order to adapt to cnpm
-                // },
-                commons: {
-                  name: 'chunk-commons',
-                  test: resolve('src/components'), // can customize your rules
-                  minChunks: 3, //  minimum common number
-                  priority: 5,
-                  reuseExistingChunk: true
-                }
+      config => {
+        config
+          .plugin('ScriptExtHtmlWebpackPlugin')
+          .after('html')
+          .use('script-ext-html-webpack-plugin', [{
+            // `runtime` must same as runtimeChunk name. default is `runtime`
+            inline: /runtime\..*\.js$/
+          }])
+          .end()
+        config
+          .optimization.splitChunks({
+            chunks: 'all',
+            cacheGroups: {
+              libs: {
+                name: 'chunk-libs',
+                test: /[\\/]node_modules[\\/]/,
+                priority: 10,
+                chunks: 'initial' // only package third parties that are initially dependent
+              },
+              // elementUI: {
+              //   name: 'chunk-elementUI', // split elementUI into a single package
+              //   priority: 20, // the weight needs to be larger than libs and app or it will be packaged into libs or app
+              //   test: /[\\/]node_modules[\\/]_?element-ui(.*)/ // in order to adapt to cnpm
+              // },
+              commons: {
+                name: 'chunk-commons',
+                test: resolve('src/components'), // can customize your rules
+                minChunks: 3, //  minimum common number
+                priority: 5,
+                reuseExistingChunk: true
               }
-            })
-          // https:// webpack.js.org/configuration/optimization/#optimizationruntimechunk
-          config.optimization.runtimeChunk('single')
-        }
-      )
-  }
+            }
+          })
+        // https:// webpack.js.org/configuration/optimization/#optimizationruntimechunk
+        config.optimization.runtimeChunk('single')
+      }
+    )
+},
+  transpileDependencies: [
+    'biyi-admin', // 指定对第三方依赖包进行babel-polyfill处理
+  ]
 }