修改主页

.env.development

@@ -1,6 +1,6 @@
 ENV = 'development'
 
-VUE_APP_BASE_API = 'https://lcny.sk797.cn'
+VUE_APP_BASE_API = 'https://lcny-api.peidikeji.cn'
 # VUE_APP_BASE_API = 'http://36.133.205.221:81'
 
 VUE_APP_BASE_URL = 'https://lcny.sk797.cn/h5'

dist/build/mp-weixin/node-modules/uview-ui/components/u-mask/u-mask.js

@@ -1,4 +1,4 @@
-(global["webpackJsonp"]=global["webpackJsonp"]||[]).push([["node-modules/uview-ui/components/u-mask/u-mask"],{"19c1":function(t,e,n){},4109:function(t,e,n){"use strict";var o=n("19c1"),r=n.n(o);r.a},a0c4:function(t,e,n){"use strict";n.r(e);var o=n("fb8f"),r=n("d429");for(var a in r)["default"].indexOf(a)<0&&function(t){n.d(e,t,(function(){return r[t]}))}(a);n("4109");var u,c=n("f0c5"),i=Object(c["a"])(r["default"],o["b"],o["c"],!1,null,"505f41ea",null,!1,o["a"],u);e["default"]=i.exports},d429:function(t,e,n){"use strict";n.r(e);var o=n("e626"),r=n.n(o);for(var a in o)["default"].indexOf(a)<0&&function(t){n.d(e,t,(function(){return o[t]}))}(a);e["default"]=r.a},e626:function(t,e,n){"use strict";var o=n("4ea4");Object.defineProperty(e,"__esModule",{value:!0}),e.default=void 0;var r=o(n("9523"));function a(t,e){var n=Object.keys(t);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(t);e&&(o=o.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),n.push.apply(n,o)}return n}function u(t){for(var e=1;e<arguments.length;e++){var n=null!=arguments[e]?arguments[e]:{};e%2?a(Object(n),!0).forEach((function(e){(0,r.default)(t,e,n[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(n)):a(Object(n)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(n,e))}))}return t}e.default={name:"u-mask",props:{show:{type:Boolean,default:!1},zIndex:{type:[Number,String],default:""},customStyle:{type:Object,default:function(){return{}}},zoom:{type:Boolean,default:!0},duration:{type:[Number,String],default:300},maskClickAble:{type:Boolean,default:!0}},data:function(){return{zoomStyle:{transform:""},scale:"scale(1.2, 1.2)"}},watch:{show:function(t){t&&this.zoom?this.zoomStyle.transform="scale(1, 1)":!t&&this.zoom&&(this.zoomStyle.transform=this.scale)}},computed:{maskStyle:function(){var t={backgroundColor:"rgba(0, 0, 0, 0.6)"};return this.show?t.zIndex=this.zIndex?this.zIndex:this.$u.zIndex.mask:t.zIndex=-1,t.transition="all ".concat(this.duration/1e3,"s ease-in-out"),Object.keys(this.customStyle).length&&(t=u(u({},t),this.customStyle)),t}},methods:{click:function(){this.maskClickAble&&this.$emit("click")}}}},fb8f:function(t,e,n){"use strict";var o;n.d(e,"b",(function(){return r})),n.d(e,"c",(function(){return a})),n.d(e,"a",(function(){return o}));var r=function(){var t=this,e=t.$createElement,n=(t._self._c,t.__get_style([t.maskStyle,t.zoomStyle]));t._isMounted||(t.e0=function(t){t.stopPropagation(),t.preventDefault()}),t.$mp.data=Object.assign({},{$root:{s0:n}})},a=[]}}]);
+(global["webpackJsonp"]=global["webpackJsonp"]||[]).push([["node-modules/uview-ui/components/u-mask/u-mask"],{"19c1":function(t,e,n){},4109:function(t,e,n){"use strict";var o=n("19c1"),r=n.n(o);r.a},a0c4:function(t,e,n){"use strict";n.r(e);var o=n("fb8f"),r=n("d429");for(var a in r)["default"].indexOf(a)<0&&function(t){n.d(e,t,(function(){return r[t]}))}(a);n("4109");var u,c=n("f0c5"),i=Object(c["a"])(r["default"],o["b"],o["c"],!1,null,"505f41ea",null,!1,o["a"],u);e["default"]=i.exports},d429:function(t,e,n){"use strict";n.r(e);var o=n("e6266"),r=n.n(o);for(var a in o)["default"].indexOf(a)<0&&function(t){n.d(e,t,(function(){return o[t]}))}(a);e["default"]=r.a},e6266:function(t,e,n){"use strict";var o=n("4ea4");Object.defineProperty(e,"__esModule",{value:!0}),e.default=void 0;var r=o(n("9523"));function a(t,e){var n=Object.keys(t);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(t);e&&(o=o.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),n.push.apply(n,o)}return n}function u(t){for(var e=1;e<arguments.length;e++){var n=null!=arguments[e]?arguments[e]:{};e%2?a(Object(n),!0).forEach((function(e){(0,r.default)(t,e,n[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(n)):a(Object(n)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(n,e))}))}return t}e.default={name:"u-mask",props:{show:{type:Boolean,default:!1},zIndex:{type:[Number,String],default:""},customStyle:{type:Object,default:function(){return{}}},zoom:{type:Boolean,default:!0},duration:{type:[Number,String],default:300},maskClickAble:{type:Boolean,default:!0}},data:function(){return{zoomStyle:{transform:""},scale:"scale(1.2, 1.2)"}},watch:{show:function(t){t&&this.zoom?this.zoomStyle.transform="scale(1, 1)":!t&&this.zoom&&(this.zoomStyle.transform=this.scale)}},computed:{maskStyle:function(){var t={backgroundColor:"rgba(0, 0, 0, 0.6)"};return this.show?t.zIndex=this.zIndex?this.zIndex:this.$u.zIndex.mask:t.zIndex=-1,t.transition="all ".concat(this.duration/1e3,"s ease-in-out"),Object.keys(this.customStyle).length&&(t=u(u({},t),this.customStyle)),t}},methods:{click:function(){this.maskClickAble&&this.$emit("click")}}}},fb8f:function(t,e,n){"use strict";var o;n.d(e,"b",(function(){return r})),n.d(e,"c",(function(){return a})),n.d(e,"a",(function(){return o}));var r=function(){var t=this,e=t.$createElement,n=(t._self._c,t.__get_style([t.maskStyle,t.zoomStyle]));t._isMounted||(t.e0=function(t){t.stopPropagation(),t.preventDefault()}),t.$mp.data=Object.assign({},{$root:{s0:n}})},a=[]}}]);
 ;(global["webpackJsonp"] = global["webpackJsonp"] || []).push([
     'node-modules/uview-ui/components/u-mask/u-mask-create-component',
     {

dist/build/mp-weixin/pages/index/index.wxml

@@ -1 +1 @@
-<view class="index-page bg-page data-v-3bc0bc51"><view class="banner-section data-v-3bc0bc51"><image class="banner_img data-v-3bc0bc51" mode="scaleToFill" src="../../static/img/banner_img.png"></image></view><view class="content-box data-v-3bc0bc51"><block wx:for="{{$root.l0}}" wx:for-item="menu" wx:for-index="index" wx:key="index"><view class="menus-section data-v-3bc0bc51"><block wx:if="{{menu.g0}}"><view class="title-t data-v-3bc0bc51">{{menu.$orig.parent+"-"+menu.$orig.label}}</view></block><block wx:if="{{menu.g1}}"><view class="title-t data-v-3bc0bc51">{{menu.$orig.label}}</view></block><view class="menu-ul data-v-3bc0bc51"><block wx:for="{{menu.$orig.children}}" wx:for-item="cdm" wx:for-index="i" wx:key="i"><view class="menu-li data-v-3bc0bc51"><view data-event-opts="{{[['tap',[['linknavFn',['$0'],[[['menus','',index],['children','',i]]]]]]]}}" class="menu_item data-v-3bc0bc51" bindtap="__e"><view class="icon data-v-3bc0bc51"></view><view class="name data-v-3bc0bc51">{{cdm.label}}</view></view></view></block></view></view></block></view></view>
+<view class="index-page bg-page data-v-422e7ee0"><view class="banner-section data-v-422e7ee0"><image class="banner_img data-v-422e7ee0" mode="scaleToFill" src="../../static/img/banner_img.png"></image></view><view class="content-box data-v-422e7ee0"><block wx:for="{{$root.l1}}" wx:for-item="menu" wx:for-index="index" wx:key="index"><view class="menus-section data-v-422e7ee0"><block wx:if="{{menu.g0}}"><view class="title-t data-v-422e7ee0">{{menu.$orig.parent+"-"+menu.$orig.label}}</view></block><block wx:if="{{menu.g1}}"><view class="title-t data-v-422e7ee0">{{menu.$orig.label}}</view></block><view class="menu-ul data-v-422e7ee0"><block wx:for="{{menu.l0}}" wx:for-item="cdm" wx:for-index="i" wx:key="i"><view class="menu-li data-v-422e7ee0"><view data-event-opts="{{[['tap',[['linknavFn',['$0'],[[['menus','',index],['children','',i]]]]]]]}}" class="menu_item data-v-422e7ee0" bindtap="__e"><view class="menu_item_content data-v-422e7ee0"><view class="icon data-v-422e7ee0"><block wx:if="{{cdm.$orig.icon}}"><image class="icon_img data-v-422e7ee0" src="{{cdm.m0}}"></image></block></view><view class="name data-v-422e7ee0">{{cdm.$orig.label}}</view></view></view></view></block></view></view></block></view></view>

dist/build/mp-weixin/pages/index/index.wxss

@@ -1 +1 @@
-.banner-section .banner_img.data-v-3bc0bc51{width:100%;height:280rpx}.index-page.data-v-3bc0bc51{background-color:#f8f8f8}.index-page .content-box.data-v-3bc0bc51{padding-top:30rpx;padding-bottom:150rpx}.menus-section.data-v-3bc0bc51{padding:20rpx;font-size:28rpx;margin-top:-18rpx}.menus-section .title-t.data-v-3bc0bc51{margin-bottom:24rpx;padding:0 10rpx;font-size:28rpx;font-weight:700}.menu-ul.data-v-3bc0bc51{display:flex;flex-wrap:wrap}.menu-ul .menu-li.data-v-3bc0bc51{flex:0 0 25%;text-align:center;padding:0 10rpx;margin-bottom:18rpx}.menu-ul .menu-li .menu_item.data-v-3bc0bc51{background-color:#fff;box-shadow:0 0 20rpx rgba(0,0,0,.15);min-height:90rpx;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:10rpx 15rpx;height:100%}
+.banner-section .banner_img.data-v-422e7ee0{width:100%;height:427rpx}.index-page.data-v-422e7ee0{background-color:#eeebfe}.index-page .content-box.data-v-422e7ee0{padding-top:30rpx;padding-bottom:150rpx}.menus-section.data-v-422e7ee0{padding:20rpx;font-size:28rpx;margin-top:-18rpx}.menus-section .title-t.data-v-422e7ee0{margin-bottom:24rpx;padding:0 10rpx;font-size:34rpx;font-weight:700}.menu-ul.data-v-422e7ee0{display:flex;flex-wrap:wrap}.menu-ul .menu-li.data-v-422e7ee0{flex:0 0 25%;text-align:center;padding:0 10rpx;margin-bottom:18rpx}.menu-ul .menu-li .menu_item.data-v-422e7ee0{background-color:#fff;border-radius:8rpx;display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;padding-top:100%;position:relative}.menu-ul .menu-li .menu_item .menu_item_content.data-v-422e7ee0{position:absolute;top:0;left:0;right:0;bottom:0;display:flex;flex-direction:column;align-items:center;padding-top:24%}.menu-ul .menu-li .menu_item .menu_item_content .icon.data-v-422e7ee0{width:40rpx;height:40rpx}.menu-ul .menu-li .menu_item .menu_item_content .icon .icon_img.data-v-422e7ee0{width:100%;height:100%}.menu-ul .menu-li .menu_item .menu_item_content .name.data-v-422e7ee0{font-size:24rpx;margin-top:14rpx}

src/pages/index/index.vue

@@ -18,9 +18,19 @@
         <view class="menu-ul">
           <view class="menu-li" v-for="(cdm, i) in menu.children" :key="i">
             <view class="menu_item" @click="linknavFn(cdm)">
-              <view class="icon"></view>
+              
+              <view class="menu_item_content">
+                <view class="icon">
+                  <image
+                    class="icon_img"
+                    v-if="cdm.icon"
+                    :src="require(`@/static/img/${cdm.icon}`)"
+                  ></image>
+                </view>
                 <view class="name">{{ cdm.label }}</view>
               </view>
+              
+            </view>
           </view>
         </view>
       </view>
@@ -43,36 +53,43 @@ export default {
               label: '气象监测',
               url: '/pages/index/meteorological',
               permission: 'endpoint.weather.index',
+              icon: 'moon-cloudy-line.png',
             },
             {
               label: '智能监控',
               url: '/pages/index/monitor',
               permission: 'endpoint.camera.index',
+              icon: 'live-line.png',
             },
             {
               label: '土壤监控',
               url: '/pages/index/soil-monitoring',
               permission: 'endpoint.soil.index',
+              icon: 'map-pin-range-line.png',
             },
             {
               label: '水质监控',
               url: '/pages/index/water-quality',
               permission: 'endpoint.water.index',
+              icon: 'contrast-drop-line.png',
             },
             {
               label: '昆虫性诱监测',
               url: '/pages/index/insect-monitors',
               permission: 'endpoint.insect.index',
+              icon: 'bug-line.png',
             },
             {
               label: '虫情监测',
               url: '/pages/index/pests',
               permission: 'endpoint.worm_statics.index',
+              icon: 'bug-2-line.png',
             },
             {
               label: '杀虫灯检测',
               url: '/pages/index/insecticidal-lamp',
               permission: 'endpoint.insecticidal_lamp.index',
+              icon: 'alarm-warning-line.png',
             },
           ],
         },
@@ -84,16 +101,19 @@ export default {
               label: '城镇数据',
               url: '/pages/basics/town-base',
               permission: 'endpoint.town_street.index',
+              icon: 'building-4-line.png',
             },
             {
               label: '基地数据',
               url: '/pages/basics/basics-base',
               permission: 'endpoint.agricultural_basic.index',
+              icon: 'home-4-line.png',
             },
             {
               label: '基地概况',
               url: '/pages/basics/profile',
               permission: 'endpoint.agricultural_base_overview.index',
+              icon: 'home-3-line.png',
             },
           ],
         },
@@ -105,11 +125,13 @@ export default {
               label: '城镇农作物',
               url: '/pages/crop/town-crop',
               permission: 'endpoint.town_crops.index',
+              icon: 'plant-line.png',
             },
             {
               label: '基地农作物',
               url: '/pages/crop/basics-crop',
               permission: 'endpoint.crops.index',
+              icon: 'leaf-line.png',
             },
           ],
         },
@@ -121,11 +143,13 @@ export default {
               label: '城镇产量',
               url: '/pages/yield/town-yield',
               permission: 'endpoint.town_crops_output.index',
+              icon: 'box-1-line.png',
             },
             {
               label: '基地产量',
               url: '/pages/yield/basics-yield',
               permission: 'endpoint.crops_output.index',
+              icon: 'instance-line.png',
             },
           ],
         },
@@ -137,26 +161,31 @@ export default {
               label: '稻虾价格',
               url: '/pages/estate/estate-price',
               permission: 'endpoint.rice_shrimp_prices.index',
+              icon: 'price-tag-3-line.png',
             },
             {
               label: '稻虾每周价格',
               url: '/pages/estate/estate-week-price',
               permission: 'endpoint.rice_shrimp_weekly_prices.index',
+              icon: 'price-tag-2-line.png',
             },
             {
               label: '稻虾产业',
               url: '/pages/estate/estate-industry',
               permission: 'endpoint.rice_shrimp_industries.index',
+              icon: 'collage-line.png',
             },
             {
               label: '稻虾流向',
               url: '/pages/estate/estate-flows',
               permission: 'endpoint.rice_shrimp_flows.index',
+              icon: 'flow-chart.png',
             },
             {
               label: '大宗物资',
               url: '/pages/estate/estate-materiels',
               permission: 'endpoint.materiels.index',
+              icon: 'shopping-basket-2-line.png',
             },
           ],
         },
@@ -167,11 +196,13 @@ export default {
               label: '设备管理',
               url: '/pages/device/index',
               permission: 'endpoint.device.index',
+              icon: 'robot-2-line.png',
             },
             {
               label: '警报明细',
               url: '/pages/device/warning',
               permission: 'endpoint.warnings.index',
+              icon: 'feedback-line.png',
             },
           ],
         },
@@ -247,11 +278,11 @@ export default {
 .banner-section {
   .banner_img {
     width: 100%;
-    height: 280rpx;
+    height: 427rpx;
   }
 }
 .index-page {
-  background-color: #f8f8f8;
+  background-color: #EEEBFE;
   .content-box {
     padding-top: 30rpx;
     padding-bottom: 150rpx;
@@ -264,7 +295,7 @@ export default {
   .title-t {
     margin-bottom: 24rpx;
     padding: 0 10rpx;
-    font-size: 28rpx;
+    font-size: 34rpx;
     font-weight: bold;
   }
 }
@@ -276,16 +307,40 @@ export default {
     text-align: center;
     padding: 0 10rpx;
     margin-bottom: 18rpx;
+
     .menu_item {
       background-color: #fff;
-      box-shadow: 0 0 20rpx rgba(0, 0, 0, 0.15);
+      border-radius: 8rpx;
-      min-height: 90rpx;
       display: flex;
       flex-direction: column;
       align-items: center;
       justify-content: center;
-      padding: 10rpx 15rpx;
       height: 100%;
+      padding-top: 100%;
+      position: relative;
+      .menu_item_content {
+        position: absolute;
+        top: 0;
+        left: 0;
+        right: 0;
+        bottom: 0;
+        display: flex;
+        flex-direction: column;
+        align-items: center;
+        padding-top: 24%;
+        .icon {
+          width: 40rpx;
+          height: 40rpx;
+          .icon_img {
+            width: 100%;
+            height: 100%;
+          }
+        }
+        .name{
+          font-size: 24rpx;
+          margin-top: 14rpx;
+        }
+      }
     }
   }
 }