银农，宅基地图标替换等优化。

src/views/onlineHome/bankAgriculture/collectionAccount/collectionList.vue

@@ -24,7 +24,7 @@
         <van-swipe-cell v-for="(item,index) in applicationList" :key="index">
           <van-cell center :to="{name:'collectionDetail', query: {id:item.id}}">
             <template #icon>
-              <van-icon name="../../../../../static/images/onlineHome/yinnongList5.png" size="22" color="#539FFD" style="margin-right: 10px;" />
+              <van-icon name="../../../../../static/images/onlineHome/icon_yn9.png" size="30" color="#539FFD" style="margin-right: 10px;" />
             </template>
             <template #label>
               <p>{{item.payeeAccount}}</p>

src/views/onlineHome/bankAgriculture/paymentAccount/paymentAccountList.vue

@@ -24,7 +24,7 @@
         <van-swipe-cell v-for="(item,index) in applicationList" :key="index">
           <van-cell :title="item.accountType" center :to="{name:'paymentAccountDetail', query: {id:item.id,type:'modify'}}">
             <template #icon>
-              <van-icon name="../../../../../static/images/onlineHome/yinnongList2.png" size="22" color="#539FFD" style="margin-right: 10px;" />
+              <van-icon name="../../../../../static/images/onlineHome/icon_yn10.png" size="30" color="#539FFD" style="margin-right: 10px;" />
             </template>
             <template #label>
               <p><span><i>￥</i>{{item.balance}}</span></p>

src/views/onlineHome/bankAgriculture/paymentApproval/approvalList.vue

@@ -23,7 +23,7 @@
         <van-swipe-cell v-for="(item,index) in applicationList" :key="index">
           <van-cell :title="item.payer" center :to="{name:'approvalDetail', query: {id:item.id}}">
             <template #icon>
-              <van-icon name="../../../../../static/images/onlineHome/yinnongList1.png" size="22" color="#FF4646" style="margin-right: 10px;" />
+              <van-icon name="../../../../../static/images/onlineHome/icon_yn1.png" size="30" color="#FF4646" style="margin-right: 10px;" />
             </template>
             <template #label>
               <p><span><i>￥</i>{{item.expenditureAmount}}</span><i style="margin-right: 30px;"></i>{{item.applyDate}}</p>

src/views/onlineHome/bankAgriculture/paymentApproval/approvalList10.vue

@@ -24,7 +24,7 @@
         <van-swipe-cell v-for="(item,index) in applicationList" :key="index">
           <van-cell :title="item.payer" :value="item.auditStatus" center :to="{name:'approvalDetail10', query: {id:item.id}}">
             <template #icon>
-              <van-icon name="../../../../../static/images/onlineHome/yinnongList7.png" size="22" color="#539FFD" style="margin-right: 10px;" />
+              <van-icon name="../../../../../static/images/onlineHome/icon_yn6.png" size="30" color="#539FFD" style="margin-right: 10px;" />
             </template>
             <template #label>
               <p><span><i>￥</i>{{item.expenditureAmount}}</span><i style="margin-right: 1rem;"></i>{{item.applyDate}}</p>

src/views/onlineHome/bankAgriculture/paymentApproval/approvalList11.vue

@@ -24,7 +24,7 @@
         <van-swipe-cell v-for="(item,index) in applicationList" :key="index">
           <van-cell :title="item.payer" :value="item.auditStatus" center :to="{name:'approvalDetail11', query: {id:item.id}}">
             <template #icon>
-              <van-icon name="../../../../../static/images/onlineHome/yinnongList6.png" size="22" color="#539FFD" style="margin-right: 10px;" />
+              <van-icon name="../../../../../static/images/onlineHome/icon_yn7.png" size="30" color="#539FFD" style="margin-right: 10px;" />
             </template>
             <template #label>
               <p><span><i>￥</i>{{item.expenditureAmount}}</span><i style="margin-right: 1rem;"></i>{{item.applyDate}}</p>

src/views/onlineHome/bankAgriculture/paymentApproval/approvalList12.vue

@@ -24,7 +24,7 @@
         <van-swipe-cell v-for="(item,index) in applicationList" :key="index">
           <van-cell :title="item.payer" :value="item.auditStatus" center :to="{name:'approvalDetail12', query: {id:item.id}}">
             <template #icon>
-              <van-icon name="../../../../../static/images/onlineHome/yinnongList3.png" size="22" color="#539FFD" style="margin-right: 10px;" />
+              <van-icon name="../../../../../static/images/onlineHome/icon_yn8.png" size="30" color="#539FFD" style="margin-right: 10px;" />
             </template>
             <template #label>
               <p><span><i>￥</i>{{item.expenditureAmount}}</span><i style="margin-right: 1rem;"></i>{{item.applyDate}}</p>

src/views/onlineHome/bankAgriculture/paymentApproval/approvalList2.vue

@@ -24,7 +24,7 @@
         <van-swipe-cell v-for="(item,index) in applicationList" :key="index">
           <van-cell :title="item.payer" :value="item.auditStatus" center :to="{name:'approvalDetail2', query: {id:item.id}}">
             <template #icon>
-              <van-icon name="../../../../../static/images/onlineHome/yinnongList8.png" size="22" color="#539FFD" style="margin-right: 10px;" />
+              <van-icon name="../../../../../static/images/onlineHome/icon_yn2.png" size="30" color="#539FFD" style="margin-right: 10px;" />
             </template>
             <template #label>
               <p><span><i>￥</i>{{item.expenditureAmount}}</span><i style="margin-right: 1rem;"></i>{{item.applyDate}}</p>

src/views/onlineHome/bankAgriculture/paymentApproval/approvalList3.vue

@@ -24,7 +24,7 @@
         <van-swipe-cell v-for="(item,index) in applicationList" :key="index">
           <van-cell :title="item.payer" :value="item.auditStatus" center :to="{name:'approvalDetail3', query: {id:item.id}}">
             <template #icon>
-              <van-icon name="../../../../../static/images/onlineHome/yinnongList9.png" size="22" color="#539FFD" style="margin-right: 10px;" />
+              <van-icon name="../../../../../static/images/onlineHome/icon_yn3.png" size="30" color="#539FFD" style="margin-right: 10px;" />
             </template>
             <template #label>
               <p><span><i>￥</i>{{item.expenditureAmount}}</span><i style="margin-right: 1rem;"></i>{{item.applyDate}}</p>

src/views/onlineHome/bankAgriculture/paymentApproval/approvalList4.vue

@@ -24,7 +24,7 @@
         <van-swipe-cell v-for="(item,index) in applicationList" :key="index">
           <van-cell :title="item.payer" :value="item.auditStatus" center :to="{name:'approvalDetail4', query: {id:item.id}}">
             <template #icon>
-              <van-icon name="../../../../../static/images/onlineHome/yinnongList10.png" size="22" color="#539FFD" style="margin-right: 10px;" />
+              <van-icon name="../../../../../static/images/onlineHome/icon_yn4.png" size="30" color="#539FFD" style="margin-right: 10px;" />
             </template>
             <template #label>
               <p><span><i>￥</i>{{item.expenditureAmount}}</span><i style="margin-right: 1rem;"></i>{{item.applyDate}}</p>

src/views/onlineHome/bankAgriculture/paymentApproval/approvalList5.vue

@@ -24,7 +24,7 @@
         <van-swipe-cell v-for="(item,index) in applicationList" :key="index">
           <van-cell :title="item.payer" :value="item.auditStatus" center :to="{name:'approvalDetail5', query: {id:item.id}}">
             <template #icon>
-              <van-icon name="../../../../../static/images/onlineHome/yinnongList4.png" size="22" color="#539FFD" style="margin-right: 10px;" />
+              <van-icon name="../../../../../static/images/onlineHome/icon_yn5.png" size="30" color="#539FFD" style="margin-right: 10px;" />
             </template>
             <template #label>
               <p><span><i>￥</i>{{item.expenditureAmount}}</span><i style="margin-right: 1rem;"></i>{{item.applyDate}}</p>

src/views/onlineHome/homestead/certificate/certificateList.vue

@@ -19,7 +19,7 @@
         <van-swipe-cell  v-for="(item,index) in applicationList" :key="index">
           <van-cell :title="item.zrfdbmc+'-'+item.lzfs" value="查看证书" center :to="{name:'certificateSee', query: {id:item.id}}">
             <template #icon>
-              <van-icon name="../../../static/images/icon/icon_zs.png" size="22" color="#7790FE" style="margin-right: 10px;" />
+              <van-icon name="../../../static/images/onlineHome/icon_zjd7.png" size="30" color="#7790FE" style="margin-right: 10px;" />
             </template>
             <template #label>
               <p>{{item.zrfdbzjhm}}</p>

src/views/onlineHome/homestead/circulation/circulationList.vue

@@ -23,7 +23,7 @@
         <van-swipe-cell v-for="(item,index) in applicationList" :key="index">
           <van-cell :title="item.shyqrdm" :value="item.auditStatus" center :to="{name:'circulationDetail', query: {id:item.id}}">
             <template #icon>
-              <van-icon name="../../../static/images/icon/icon_jt.png" size="22" color="#539FFD" style="margin-right: 10px;" />
+              <van-icon name="../../../static/images/onlineHome/icon_zjd2.png" size="30" color="#539FFD" style="margin-right: 10px;" />
             </template>
             <template #label>
               <p><b style="color: #FFA63E;">{{item.lzfs}}</b><i style="margin-right: 0.5rem;"></i><b style="color: #333333;">{{item.zrfdbmc}}</b><i style="margin-right: 0.5rem;"></i>{{item.lzmj}}㎡</p>

src/views/onlineHome/homestead/homeApplication/applicationList.vue

@@ -24,7 +24,7 @@
         <van-swipe-cell v-for="(item,index) in applicationList" :key="index">
           <van-cell :title="item.ywh" :value="item.houseApplyStatus" center :to="{name:'applicationForm', query: {id:item.id,type:'modify'}}">
             <template #icon>
-              <van-icon name="../../../static/images/icon/icon_fz.png" size="22" color="#539FFD" style="margin-right: 10px;" />
+              <van-icon name="../../../static/images/onlineHome/icon_zjd1.png" size="30" color="#539FFD" style="margin-right: 10px;" />
             </template>
             <template #label>
               <p>{{item.projectName}}</p>

src/views/onlineHome/homestead/homesteadUtilize/homesteadUtilize.vue

@@ -23,7 +23,7 @@
         <van-swipe-cell v-for="(item,index) in applicationList" :key="index">
           <van-cell :title="item.zjddm" center :to="{name:'homesteadUtilizeDetail', query: {id:item.id}}" >
             <template #icon>
-              <van-icon name="../../../static/images/icon/icon_ly.png" size="22" color="#539FFD" style="margin-right: 10px;" />
+              <van-icon name="../../../static/images/onlineHome/icon_zjd6.png" size="30" color="#539FFD" style="margin-right: 10px;" />
             </template>
             <template #label>
               <p><b style="color: #7DDA4F;">{{item.zjdlyzk}}</b><i style="margin-right: 0.5rem;"></i>{{item.zjdxzyy}}<span style="float: right">{{item.dcsj}}</span></p>

src/views/onlineHome/homestead/mortgage/mortgageList.vue

@@ -23,7 +23,7 @@
         <van-swipe-cell v-for="(item,index) in applicationList" :key="index">
           <van-cell :title="item.zjddm" :value="item.auditStatus" center :to="{name:'mortgageDetail', query: {id:item.id}}" >
             <template #icon>
-              <van-icon name="../../../static/images/icon/icon_dy.png" size="22" color="#539FFD" style="margin-right: 10px;" />
+              <van-icon name="../../../static/images/onlineHome/icon_zjd4.png" size="30" color="#539FFD" style="margin-right: 10px;" />
             </template>
             <template #label>
               <p><b style="color: #3AC2DB;">{{item.dyfs}}</b><i style="margin-right: 0.5rem;"></i><b style="color: #333333;">{{item.dyr}}</b><i style="margin-right: 0.5rem;"></i>{{item.dybdclx}}</p>

src/views/onlineHome/homestead/paidExit/paidExitList.vue

@@ -23,7 +23,7 @@
         <van-swipe-cell v-for="(item,index) in applicationList" :key="index">
           <van-cell :title="item.zjddm" :value="item.auditStatus" center :to="{name:'paidExitDetail', query: {id:item.id}}" >
             <template #icon>
-              <van-icon name="../../../static/images/icon/icon_tc.png" size="22" color="#539FFD" style="margin-right: 10px;" />
+              <van-icon name="../../../static/images/onlineHome/icon_zjd3.png" size="30" color="#539FFD" style="margin-right: 10px;" />
             </template>
             <template #label>
               <p><b style="color: #539FFD;">{{item.tcfs}}</b><i style="margin-right: 0.5rem;"></i><b style="color: #333333;">{{item.sqrxm}}</b><i style="margin-right: 0.5rem;"></i>{{item.tcmj}}㎡</p>

src/views/onlineHome/homestead/paidUtilize/paidUtilizeList.vue

@@ -23,7 +23,7 @@
         <van-swipe-cell v-for="(item,index) in applicationList" :key="index">
           <van-cell :title="item.zjddm" :value="item.auditStatus" center :to="{name:'paidUtilizeDteail', query: {id:item.id}}" >
             <template #icon>
-              <van-icon name="../../../static/images/icon/icon_sy.png" size="22" color="#539FFD" style="margin-right: 10px;" />
+              <van-icon name="../../../static/images/onlineHome/icon_zjd9.png" size="30" color="#539FFD" style="margin-right: 10px;" />
             </template>
             <template #label>
               <p>{{item.shyqrdm}}</p>

src/views/onlineHome/homestead/publicityInformation/informationList.vue

@@ -24,7 +24,7 @@
         <van-swipe-cell v-for="(item,index) in informationList" :key="index">
           <van-cell :title="item.projectName" :value="item.announceStatus" center :to="{name:'informationDetail', query: {id:item.applyProposerId}}">
             <template #icon>
-              <van-icon name="../../../static/images/icon/icon_gs.png" size="22" color="#539FFD" style="margin-right: 10px;" />
+              <van-icon name="../../../static/images/onlineHome/icon_zjd8.png" size="30" color="#539FFD" style="margin-right: 10px;" />
             </template>
             <template #label>
               <p>{{item.announceType}}<i style="margin-right: 0.2rem;"></i>{{item.startDate}}至{{item.endDate}}</p>

src/views/onlineHome/homestead/reporting/taskReportingList.vue

@@ -22,7 +22,7 @@
               <p class="van-ellipsis">{{item.title}}</p>
             </template>
             <template #icon>
-              <van-icon name="../../../static/images/icon/icon_tr.png" size="22" color="#539FFD" style="margin-right: 10px;" />
+              <van-icon name="../../../static/images/onlineHome/icon_zjd10.png" size="30" color="#539FFD" style="margin-right: 10px;" />
             </template>
             <template #label>
               <p>{{item.reportDeadline}}</p>

src/views/onlineHome/homestead/supervision/supervisionList.vue

@@ -23,7 +23,7 @@
         <van-swipe-cell v-for="(item,index) in applicationList" :key="index">
           <van-cell :title="item.zjddm" :value="item.status" center >
             <template #icon>
-              <van-icon name="../../../static/images/icon/icon_tr.png" size="22" color="#539FFD" style="margin-right: 10px;" />
+              <van-icon name="../../../static/images/onlineHome/icon_zjd12.png" size="30" color="#539FFD" style="margin-right: 10px;" />
             </template>
             <template #label>
               <p>{{item.jglx}}<i style="margin-right: 0.5rem;"></i>{{item.taskSource}}</p>

src/views/onlineHome/homestead/task/taskList.vue

@@ -26,7 +26,7 @@
               <p class="van-ellipsis">{{item.title}}</p>
             </template>
             <template #icon>
-              <van-icon name="../../../static/images/icon/icon_tr.png" size="22" color="#539FFD" style="margin-right: 10px;" />
+              <van-icon name="../../../static/images/onlineHome/icon_zjd11.png" size="30" color="#539FFD" style="margin-right: 10px;" />
             </template>
             <template #label>
               <p>

src/views/onlineHome/homestead/utilization/utilizationList.vue

@@ -23,7 +23,7 @@
         <van-swipe-cell v-for="(item,index) in applicationList" :key="index">
           <van-cell :title="item.nmfwdm" center :to="{name:'utilizationDetail', query: {id:item.id}}" >
             <template #icon>
-              <van-icon name="../../../static/images/icon/icon_ly.png" size="22" color="#539FFD" style="margin-right: 10px;" />
+              <van-icon name="../../../static/images/onlineHome/icon_zjd5.png" size="30" color="#539FFD" style="margin-right: 10px;" />
             </template>
             <template #label>
               <p><b style="color: #7DDA4F;">{{item.lyzk}}</b><i style="margin-right: 0.5rem;"></i>{{item.fwzt}}<span style="float: right">{{item.dcsj}}</span></p>

src/views/onlineHome/workbench.vue

@@ -29,7 +29,7 @@
           <img :src="image" style="width:100%;height: 120px"/>
         </van-swipe-item>
       </van-swipe>
-      <van-row style="margin:2%;width:96%;padding:20px 0;border-radius: 6px;box-shadow: 0px 3px 6px 0px rgba(0,0,0,0.16); min-height: 100px;background: #fff;">
+      <van-row style="min-height: 100px;" class="indexCard">
         <van-cell style="border-radius: 6px;" is-link to="done">
           <template #title>
             <p style="display:inline-block;background: #EC4B2C;height:20px;width: 20px;border-radius: 2px;margin-right: 10px;float: left"></p>
@@ -42,8 +42,7 @@
           </template>
         </van-cell>
       </van-row>
-      <!--
-      <van-row style="margin:2%;width:96%;padding:20px 0;border-radius: 6px;box-shadow: 0px 3px 6px 0px rgba(0,0,0,0.16);background: #fff">
+      <van-row class="indexCard">
         <van-cell style="border-radius: 6px;">
           <template #title>
             <p style="display:inline-block;background: #FFA63E;height:20px;width: 20px;border-radius: 2px;margin-right: 10px;float: left"></p>
@@ -52,14 +51,14 @@
         </van-cell>
           <van-grid :border="false">
             <van-grid-item text="用章申请" >
-              <div slot="default" style="background:#FFA63E;padding: 10px;text-align:center;border-radius: 10px;box-sizing: border-box;width: 44px;height: 44px" >
+              <div slot="default" class="icon" style="background:#FFA63E;" >
                 <img src="../../../static/images/onlineHome/icon1.png" style="height: 25px;vertical-align: center;" alt />
               </div>
               <p style="margin-top: 5px;color: #666666;">用章申请</p>
             </van-grid-item>
             <van-grid-item text="宅基地申请" >
               <div slot="default">
-                <div style="background:#539FFD;padding: 10px;border-radius: 10px;box-sizing: border-box;width: 44px;height: 44px">
+                <div class="icon" style="background:#539FFD;">
                   <img src="../../../static/images/onlineHome/icon2.png" style="width: 25px" alt />
                 </div>
               </div>
@@ -67,7 +66,7 @@
             </van-grid-item>
             <van-grid-item text="宅基地流转" >
               <div slot="default">
-                <div style="background:#FFA63E;padding: 10px;border-radius: 10px;box-sizing: border-box;width: 44px;height: 44px ">
+                <div class="icon" style="background:#FFA63E;">
                   <img src="../../../static/images/onlineHome/icon3.png" style="width: 25px;margin-top:5px;display: inline-block" alt />
                 </div>
               </div>
@@ -75,7 +74,7 @@
             </van-grid-item>
             <van-grid-item text="宅基地退出" >
               <div slot="default">
-                <div style="background:#539FFD;padding: 10px;border-radius: 10px;box-sizing: border-box;width: 44px;height: 44px ">
+                <div class="icon" style="background:#539FFD;">
                   <img src="../../../static/images/onlineHome/icon4.png" style="width: 25px" alt />
                 </div>
               </div>
@@ -83,7 +82,7 @@
             </van-grid-item>
             <van-grid-item text="付款申请" >
               <div slot="default">
-                <div style="background:#FF4646;padding: 10px;border-radius: 10px;box-sizing: border-box;width: 44px;height: 44px ">
+                <div class="icon" style="background:#FF4646;">
                   <img src="../../../static/images/onlineHome/icon5.png" style="width: 25px" alt />
                 </div>
               </div>
@@ -91,7 +90,7 @@
             </van-grid-item>
             <van-grid-item text="项目申报" >
               <div slot="default">
-                <div style="background:#FF6464;padding: 10px;border-radius: 10px;box-sizing: border-box;width: 44px;height: 44px ">
+                <div class="icon" style="background:#FF6464;">
                   <img src="../../../static/images/onlineHome/icon6.png" style="width: 25px" alt />
                 </div>
               </div>
@@ -99,7 +98,7 @@
             </van-grid-item>
             <van-grid-item text="拨付申请" >
               <div slot="default">
-                <div style="background:#FF7E45;padding: 10px;border-radius: 10px;box-sizing: border-box;width: 44px;height: 44px ">
+                <div class="icon" style="background:#FF7E45;">
                   <img src="../../../static/images/onlineHome/icon7.png" style="width: 25px" alt />
                 </div>
               </div>
@@ -107,7 +106,7 @@
             </van-grid-item>
             <van-grid-item text="验收申请" >
               <div slot="default">
-                <div style="background:#7DDA4F;padding: 10px;border-radius: 10px;box-sizing: border-box;width: 44px;height: 44px ">
+                <div class="icon" style="background:#7DDA4F;">
                   <img src="../../../static/images/onlineHome/icon8.png" style="width: 25px" alt />
                 </div>
               </div>
@@ -115,7 +114,7 @@
             </van-grid-item>
           </van-grid>
       </van-row>
-      <van-row  style="margin:2%;width:96%;padding:20px 0;border-radius: 6px;box-shadow: 0px 3px 6px 0px rgba(0,0,0,0.16);background: #fff">
+      <van-row  class="indexCard">
         <van-cell style="border-radius: 6px;">
           <template #title>
             <p style="font-weight: bold;font-size: 18px;display: inline-block">农村三资管理</p>
@@ -123,14 +122,14 @@
         </van-cell>
         <van-grid :border="false">
           <van-grid-item text="支出明细" to="expenditureDetail">
-            <div slot="default" style="background:#FF4646;padding: 10px;text-align:center;border-radius: 10px;box-sizing: border-box;width: 44px;height: 44px" >
+            <div class="icon" slot="default" style="background:#FF4646;" >
               <img src="../../../static/images/onlineHome/icon9.png" style="height: 25px;vertical-align: center;" alt />
             </div>
             <p style="margin-top: 5px;color: #666666;">支出明细</p>
           </van-grid-item>
           <van-grid-item text="收入明细" to="incomeDetail">
             <div slot="default">
-              <div style="background:#FF4646;padding: 10px;border-radius: 10px;box-sizing: border-box;width: 44px;height: 44px">
+              <div class="icon" style="background:#FF4646;">
                 <img src="../../../static/images/onlineHome/icon9.png" style="width: 25px" alt />
               </div>
             </div>
@@ -138,7 +137,7 @@
           </van-grid-item>
           <van-grid-item text="收支明细" to="inAndOutDetail">
             <div slot="default">
-              <div style="background:#FF4646;padding: 10px;border-radius: 10px;box-sizing: border-box;width: 44px;height: 44px ">
+              <div class="icon" style="background:#FF4646;">
                 <img src="../../../static/images/onlineHome/icon9.png" style="width: 25px;" alt />
               </div>
             </div>
@@ -146,7 +145,7 @@
           </van-grid-item>
           <van-grid-item text="现金银行" >
             <div slot="default">
-              <div style="background:#3AC2DB;padding: 10px;border-radius: 10px;box-sizing: border-box;width: 44px;height: 44px ">
+              <div class="icon" style="background:#3AC2DB;">
                 <img src="../../../static/images/onlineHome/icon10.png" style="width: 25px" alt />
               </div>
             </div>
@@ -154,7 +153,7 @@
           </van-grid-item>
         </van-grid>
       </van-row>
-      <van-row  style="margin:2%;width:96%;padding:20px 0;border-radius: 6px;box-shadow: 0px 3px 6px 0px rgba(0,0,0,0.16);background: #fff">
+      <van-row  class="indexCard">
         <van-cell style="border-radius: 6px;">
           <template #title>
             <p style="font-weight: bold;font-size: 18px;display: inline-block">农村产权交易管理</p>
@@ -162,14 +161,14 @@
         </van-cell>
         <van-grid :border="false">
           <van-grid-item text="挂牌项目" >
-            <div slot="default" style="background:#FF4646;padding: 10px;text-align:center;border-radius: 10px;box-sizing: border-box;width: 44px;height: 44px" >
+            <div class="icon" slot="default" style="background:#FF4646;" >
               <img src="../../../static/images/onlineHome/icon6.png" style="width: 25px;" alt />
             </div>
             <p style="margin-top: 5px;color: #666666;">挂牌项目</p>
           </van-grid-item>
           <van-grid-item text="成交公示" >
             <div slot="default">
-              <div style="background:#C5685F;padding: 10px;border-radius: 10px;box-sizing: border-box;width: 44px;height: 44px">
+              <div class="icon" style="background:#C5685F;">
                 <img src="../../../static/images/onlineHome/icon11.png" style="width: 25px" alt />
               </div>
             </div>
@@ -177,7 +176,7 @@
           </van-grid-item>
           <van-grid-item text="合同管理" >
             <div slot="default">
-              <div style="background:#539FFD;padding: 10px;border-radius: 10px;box-sizing: border-box;width: 44px;height: 44px ">
+              <div class="icon" style="background:#539FFD;">
                 <img src="../../../static/images/onlineHome/icon12.png" style="width: 25px;" alt />
               </div>
             </div>
@@ -185,7 +184,7 @@
           </van-grid-item>
           <van-grid-item text="招标管理" >
             <div slot="default">
-              <div style="background:#3AC2DB;padding: 10px;border-radius: 10px;box-sizing: border-box;width: 44px;height: 44px ">
+              <div class="icon" style="background:#3AC2DB;">
                 <img src="../../../static/images/onlineHome/icon13.png" style="width: 25px" alt />
               </div>
             </div>
@@ -193,7 +192,7 @@
           </van-grid-item>
         </van-grid>
       </van-row>
-      <van-row  style="margin:2%;width:96%;padding:20px 0;border-radius: 6px;box-shadow: 0px 3px 6px 0px rgba(0,0,0,0.16);background: #fff">
+      <van-row  class="indexCard">
         <van-cell style="border-radius: 6px;">
           <template #title>
             <p style="font-weight: bold;font-size: 18px;display: inline-block">农村产权交易管理</p>
@@ -201,14 +200,14 @@
         </van-cell>
         <van-grid :border="false">
           <van-grid-item text="宅基地申请" >
-            <div slot="default" style="background:#539FFD;padding: 10px;text-align:center;border-radius: 10px;box-sizing: border-box;width: 44px;height: 44px" >
+            <div slot="default"class="icon"  style="background:#539FFD;" >
               <img src="../../../static/images/onlineHome/icon2.png" style="width: 25px;" alt />
             </div>
             <p style="margin-top: 5px;color: #666666;">宅基地申请</p>
           </van-grid-item>
           <van-grid-item text="证书打印" >
             <div slot="default">
-              <div style="background:#7790FE;padding: 10px;border-radius: 10px;box-sizing: border-box;width: 44px;height: 44px">
+              <div class="icon" style="background:#7790FE;">
                 <img src="../../../static/images/onlineHome/icon12.png" style="width: 25px" alt />
               </div>
             </div>
@@ -216,7 +215,7 @@
           </van-grid-item>
           <van-grid-item text="公示查询" >
             <div slot="default">
-              <div style="background:#C5685F;padding: 10px;border-radius: 10px;box-sizing: border-box;width: 44px;height: 44px ">
+              <div class="icon" style="background:#C5685F;">
                 <img src="../../../static/images/onlineHome/icon11.png" style="width: 25px;" alt />
               </div>
             </div>
@@ -224,7 +223,7 @@
           </van-grid-item>
           <van-grid-item text="巡查执法" >
             <div slot="default">
-              <div style="background:#1D6FE9;padding: 10px;border-radius: 10px;box-sizing: border-box;width: 44px;height: 44px ">
+              <div class="icon" style="background:#1D6FE9;">
                 <img src="../../../static/images/onlineHome/icon16.png" style="width: 25px" alt />
               </div>
             </div>
@@ -232,7 +231,7 @@
           </van-grid-item>
           <van-grid-item text="村庄规划" >
             <div slot="default">
-              <div style="background:#FFCE05;padding: 10px;border-radius: 10px;box-sizing: border-box;width: 44px;height: 44px">
+              <div class="icon" style="background:#FFCE05;">
                 <img src="../../../static/images/onlineHome/icon17.png" style="width: 25px" alt />
               </div>
             </div>
@@ -240,7 +239,7 @@
           </van-grid-item>
           <van-grid-item text="基础档案" >
             <div slot="default">
-              <div style="background:#FF7E45;padding: 10px;border-radius: 10px;box-sizing: border-box;width: 44px;height: 44px ">
+              <div class="icon" style="background:#FF7E45;">
                 <img src="../../../static/images/onlineHome/icon18.png" style="width: 25px;" alt />
               </div>
             </div>
@@ -248,7 +247,7 @@
           </van-grid-item>
           <van-grid-item text="盘活利用" >
             <div slot="default">
-              <div style="background:#7DDA4F;padding: 10px;border-radius: 10px;box-sizing: border-box;width: 44px;height: 44px ">
+              <div class="icon" style="background:#7DDA4F;">
                 <img src="../../../static/images/onlineHome/icon19.png" style="width: 25px" alt />
               </div>
             </div>
@@ -256,7 +255,7 @@
           </van-grid-item>
         </van-grid>
       </van-row>
-      <van-row  style="margin:2%;width:96%;padding:20px 0;padding:20px 0;border-radius: 6px;box-shadow: 0px 3px 6px 0px rgba(0,0,0,0.16);background: #fff">
+      <van-row  class="indexCard">
         <van-cell style="border-radius: 6px;">
           <template #title>
             <p style="font-weight: bold;font-size: 18px;display: inline-block">农村产权制度改革管理</p>
@@ -264,14 +263,14 @@
         </van-cell>
         <van-grid :border="false">
           <van-grid-item text="财务管理" >
-            <div slot="default" style="background:#FF4646;padding: 10px;text-align:center;border-radius: 10px;box-sizing: border-box;width: 44px;height: 44px" >
+            <div slot="default" class="icon"  style="background:#FF4646;" >
               <img src="../../../static/images/onlineHome/icon6.png" style="width: 25px;" alt />
             </div>
             <p style="margin-top: 5px;color: #666666;">财务管理</p>
           </van-grid-item>
           <van-grid-item text="资产管理" >
             <div slot="default">
-              <div style="background:#FF6464;padding: 10px;border-radius: 10px;box-sizing: border-box;width: 44px;height: 44px">
+              <div class="icon" style="background:#FF6464;">
                 <img src="../../../static/images/onlineHome/icon11.png" style="width: 25px" alt />
               </div>
             </div>
@@ -279,7 +278,7 @@
           </van-grid-item>
           <van-grid-item text="合同管理" >
             <div slot="default">
-              <div style="background:#539FFD;padding: 10px;border-radius: 10px;box-sizing: border-box;width: 44px;height: 44px ">
+              <div class="icon" style="background:#539FFD;">
                 <img src="../../../static/images/onlineHome/icon12.png" style="width: 25px;" alt />
               </div>
             </div>
@@ -287,7 +286,7 @@
           </van-grid-item>
           <van-grid-item text="股权管理" >
             <div slot="default">
-              <div style="background:#FFA63E;padding: 10px;border-radius: 10px;box-sizing: border-box;width: 44px;height: 44px ">
+              <div class="icon" style="background:#FFA63E;">
                 <img src="../../../static/images/onlineHome/icon13.png" style="width: 25px" alt />
               </div>
             </div>
@@ -295,8 +294,7 @@
           </van-grid-item>
         </van-grid>
       </van-row>
-      -->
-      <van-row  style="margin:2%;width:96%;padding:20px 0;padding:20px 0;border-radius: 6px;box-shadow: 0px 3px 6px 0px rgba(0,0,0,0.16);background: #fff">
+      <van-row  class="indexCard">
         <van-cell style="border-radius: 6px;">
           <template #title>
             <p style="font-weight: bold;font-size: 18px;display: inline-block">银农支付</p>
@@ -304,72 +302,68 @@
         </van-cell>
         <van-grid :border="false">
           <van-grid-item text="常用转账" :to="{name:'approvalList'}" >
-            <div slot="default" style="background:#FF4646;padding: 10px;text-align:center;border-radius: 10px;box-sizing: border-box;width: 44px;height: 44px" >
-              <img src="../../../static/images/onlineHome/yinnongIcon1.png" style="width: 25px;" alt />
+            <div class="icon" slot="default" style="background:#FF4646;" >
+              <img src="../../../static/images/onlineHome/icon_Y1.png" alt />
             </div>
             <p style="margin-top: 5px;color: #666666;">常用转账</p>
           </van-grid-item>
-          <!--
           <van-grid-item text="信用卡转账" :to="{name:'approvalList2'}" >
-            <div slot="default" style="background:#3ac2db;padding: 10px;text-align:center;border-radius: 10px;box-sizing: border-box;width: 44px;height: 44px" >
-              <img src="../../../static/images/onlineHome/yinnongIcon8.png" style="width: 25px;" alt />
+            <div class="icon" slot="default" style="background:#3ac2db;" >
+              <img src="../../../static/images/onlineHome/icon_Y2.png" alt />
             </div>
             <p style="margin-top: 5px;color: #666666;">信用卡转账</p>
           </van-grid-item>
           <van-grid-item text="虚拟挂账" :to="{name:'approvalList3'}" >
-            <div slot="default" style="background:#FFA63E;padding: 10px;text-align:center;border-radius: 10px;box-sizing: border-box;width: 44px;height: 44px" >
-              <img src="../../../static/images/onlineHome/yinnongIcon9.png" style="width: 25px;" alt />
+            <div class="icon" slot="default" style="background:#FFA63E;" >
+              <img src="../../../static/images/onlineHome/icon_Y3.png" alt />
             </div>
             <p style="margin-top: 5px;color: #666666;">虚拟挂账</p>
           </van-grid-item>
           <van-grid-item text="虚拟转账" :to="{name:'approvalList4'}" >
-            <div slot="default" style="background:#c568f5;padding: 10px;text-align:center;border-radius: 10px;box-sizing: border-box;width: 44px;height: 44px" >
-              <img src="../../../static/images/onlineHome/yinnongIcon10.png" style="width: 25px;" alt />
+            <div class="icon" slot="default" style="background:#c568f5;" >
+              <img src="../../../static/images/onlineHome/icon_Y4.png" alt />
             </div>
             <p style="margin-top: 5px;color: #666666;">虚拟转账</p>
           </van-grid-item>
           <van-grid-item text="母子转账" :to="{name:'approvalList5'}" >
-            <div slot="default" style="background:#1D6FE9;padding: 10px;text-align:center;border-radius: 10px;box-sizing: border-box;width: 44px;height: 44px" >
-              <img src="../../../static/images/onlineHome/yinnongIcon4.png" style="width: 25px;" alt />
+            <div class="icon" slot="default" style="background:#1D6FE9;" >
+              <img src="../../../static/images/onlineHome/icon_Y5.png" alt />
             </div>
             <p style="margin-top: 5px;color: #666666;">母子转账</p>
           </van-grid-item>
-          -->
           <van-grid-item text="现金提现" :to="{name:'approvalList10'}" >
-            <div slot="default" style="background:#FF6464;padding: 10px;text-align:center;border-radius: 10px;box-sizing: border-box;width: 44px;height: 44px" >
-              <img src="../../../static/images/onlineHome/yinnongIcon7.png" style="width: 25px;" alt />
+            <div class="icon" slot="default" style="background:#FF6464;" >
+              <img src="../../../static/images/onlineHome/icon_Y6.png" alt />
             </div>
             <p style="margin-top: 5px;color: #666666;">现金提现</p>
           </van-grid-item>
           <van-grid-item text="现金使用" :to="{name:'approvalList11'}" >
-            <div slot="default" style="background:#7790FE;padding: 10px;text-align:center;border-radius: 10px;box-sizing: border-box;width: 44px;height: 44px" >
-              <img src="../../../static/images/onlineHome/yinnongIcon6.png" style="width: 25px;" alt />
+            <div class="icon" slot="default" style="background:#7790FE;" >
+              <img src="../../../static/images/onlineHome/icon_Y7.png" alt />
             </div>
             <p style="margin-top: 5px;color: #666666;">现金使用</p>
           </van-grid-item>
           <van-grid-item text="汇票支出" :to="{name:'approvalList12'}" >
-            <div slot="default" style="background:#539ffd;padding: 10px;text-align:center;border-radius: 10px;box-sizing: border-box;width: 44px;height: 44px" >
-              <img src="../../../static/images/onlineHome/yinnongIcon3.png" style="width: 25px;" alt />
+            <div class="icon" slot="default" style="background:#539ffd;" >
+              <img src="../../../static/images/onlineHome/icon_Y8.png" alt />
             </div>
             <p style="margin-top: 5px;color: #666666;">汇票支出</p>
           </van-grid-item>
           <van-grid-item text="收款账户" :to="{name:'collectionList'}" >
-            <div slot="default" style="background:#7dda4f;padding: 10px;text-align:center;border-radius: 10px;box-sizing: border-box;width: 44px;height: 44px" >
-              <img src="../../../static/images/onlineHome/yinnongIcon5.png" style="width: 25px;" alt />
+            <div class="icon" slot="default" style="background:#7dda4f;" >
+              <img src="../../../static/images/onlineHome/icon_Y9.png" alt />
             </div>
             <p style="margin-top: 5px;color: #666666;">收款账户</p>
           </van-grid-item>
           <van-grid-item text="付款账户" :to="{name:'paymentAccountList'}" >
-            <div slot="default" style="background:#FF4646;padding: 10px;text-align:center;border-radius: 10px;box-sizing: border-box;width: 44px;height: 44px" >
-              <img src="../../../static/images/onlineHome/yinnongIcon2.png" style="width: 25px;" alt />
+            <div class="icon" slot="default" style="background:#FF4646;" >
+              <img src="../../../static/images/onlineHome/icon_Y10.png" alt />
             </div>
             <p style="margin-top: 5px;color: #666666;">付款账户</p>
           </van-grid-item>
         </van-grid>
       </van-row>
-
-      <!--
-      <van-row  style="margin:2%;width:96%;padding:20px 0;padding:20px 0;border-radius: 6px;box-shadow: 0px 3px 6px 0px rgba(0,0,0,0.16);background: #fff">
+      <van-row  class="indexCard">
         <van-cell style="border-radius: 6px;">
           <template #title>
             <p style="font-weight: bold;font-size: 18px;display: inline-block">农村宅基地审批管理</p>
@@ -377,102 +371,101 @@
         </van-cell>
         <van-grid :border="false">
           <van-grid-item text="建房申请" :to="{name:'applicationList'}" >
-            <div slot="default" style="background:#539ffd;padding: 10px;text-align:center;border-radius: 10px;box-sizing: border-box;width: 44px;height: 44px" >
-              <img src="../../../static/images/onlineHome/icon_zjd1.png" style="width: 25px;" alt />
+            <div class="icon" slot="default" style="background:#539ffd;" >
+              <img src="../../../static/images/onlineHome/icon_Z1.png" alt />
             </div>
             <p style="margin-top: 5px;color: #666666;">建房申请</p>
           </van-grid-item>
           <van-grid-item text="使用权流转" :to="{name:'circulationList'}" >
             <div slot="default">
-              <div style="background:#ffa63e;padding: 10px;border-radius: 10px;box-sizing: border-box;width: 44px;height: 44px">
-                <img src="../../../static/images/onlineHome/icon_zjd5.png" style="width: 25px" alt />
+              <div class="icon" style="background:#ffa63e;">
+                <img src="../../../static/images/onlineHome/icon_Z2.png" alt />
               </div>
             </div>
             <p style="margin-top: 5px;color: #666666;">使用权流转</p>
           </van-grid-item>
           <van-grid-item text="有偿退出" :to="{name:'paidExit'}" >
             <div slot="default">
-              <div style="background:#539ffd;padding: 10px;border-radius: 10px;box-sizing: border-box;width: 44px;height: 44px ">
-                <img src="../../../static/images/onlineHome/icon_zjd7.png" style="width: 25px;" alt />
+              <div class="icon" style="background:#539ffd;">
+                <img src="../../../static/images/onlineHome/icon_Z3.png" alt />
               </div>
             </div>
             <p style="margin-top: 5px;color: #666666;">有偿退出</p>
           </van-grid-item>
           <van-grid-item text="使用权抵押" :to="{name:'mortgage'}" >
             <div slot="default">
-              <div style="background:#3ac2db;padding: 10px;border-radius: 10px;box-sizing: border-box;width: 44px;height: 44px ">
-                <img src="../../../static/images/onlineHome/icon_zjd6.png" style="width: 25px" alt />
+              <div class="icon" style="background:#3ac2db;">
+                <img src="../../../static/images/onlineHome/icon_Z4.png" alt />
               </div>
             </div>
             <p style="margin-top: 5px;color: #666666;">使用权抵押</p>
           </van-grid-item>
           <van-grid-item text="农房利用" :to="{name:'utilization'}" >
             <div slot="default">
-              <div style="background:#7dda4f;padding: 10px;border-radius: 10px;box-sizing: border-box;width: 44px;height: 44px ">
-                <img src="../../../static/images/onlineHome/icon_zjd4.png" style="width: 25px" alt />
+              <div class="icon" style="background:#7dda4f;">
+                <img src="../../../static/images/onlineHome/icon_Z5.png" alt />
               </div>
             </div>
             <p style="margin-top: 5px;color: #666666;">农房利用</p>
           </van-grid-item>
           <van-grid-item text="宅基地利用" :to="{name:'homesteadUtilize'}" >
             <div slot="default">
-              <div style="background:#7dda4f;padding: 10px;border-radius: 10px;box-sizing: border-box;width: 44px;height: 44px ">
-                <img src="../../../static/images/onlineHome/icon_zjd4.png" style="width: 25px" alt />
+              <div class="icon" style="background:#7dda4f;">
+                <img src="../../../static/images/onlineHome/icon_Z6.png" alt />
               </div>
             </div>
             <p style="margin-top: 5px;color: #666666;">宅基地利用</p>
           </van-grid-item>
           <van-grid-item text="证书查看" :to="{name:'certificateList'}" >
             <div slot="default">
-              <div style="background:#7790fe;padding: 10px;border-radius: 10px;box-sizing: border-box;width: 44px;height: 44px ">
-                <img src="../../../static/images/onlineHome/icon_zjd2.png" style="width: 25px" alt />
+              <div class="icon" style="background:#7790fe;">
+                <img src="../../../static/images/onlineHome/icon_Z7.png" alt />
               </div>
             </div>
             <p style="margin-top: 5px;color: #666666;">证书查看</p>
           </van-grid-item>
           <van-grid-item text="公示信息" :to="{name:'informationList'}" >
             <div slot="default">
-              <div style="background:#c568f5;padding: 10px;border-radius: 10px;box-sizing: border-box;width: 44px;height: 44px ">
-                <img src="../../../static/images/onlineHome/icon_zjd3.png" style="width: 25px" alt />
+              <div class="icon" style="background:#c568f5">
+                <img src="../../../static/images/onlineHome/icon_Z8.png" alt />
               </div>
             </div>
             <p style="margin-top: 5px;color: #666666;">公示信息</p>
           </van-grid-item>
           <van-grid-item text="有偿利用" :to="{name:'paidUtilizeList'}" >
             <div slot="default">
-              <div style="background:#FFA63E;padding: 10px;border-radius: 10px;box-sizing: border-box;width: 44px;height: 44px ">
-                <img src="../../../static/images/onlineHome/icon22.png" style="width: 25px" alt />
+              <div class="icon" style="background:#FFA63E;">
+                <img src="../../../static/images/onlineHome/icon_Z9.png" alt />
               </div>
             </div>
             <p style="margin-top: 5px;color: #666666;">有偿利用</p>
           </van-grid-item>
           <van-grid-item text="任务上报" :to="{name:'taskReportingList'}" >
             <div slot="default">
-              <div style="background:#1D6FE9;padding: 10px;border-radius: 10px;box-sizing: border-box;width: 44px;height: 44px ">
-                <img src="../../../static/images/onlineHome/icon21.png" style="width: 25px" alt />
+              <div class="icon" style="background:#1D6FE9">
+                <img src="../../../static/images/onlineHome/icon_Z10.png" alt />
               </div>
             </div>
             <p style="margin-top: 5px;color: #666666;">任务上报</p>
           </van-grid-item>
           <van-grid-item text="任务发布" :to="{name:'task'}" >
             <div slot="default">
-              <div style="background:#1D6FE9;padding: 10px;border-radius: 10px;box-sizing: border-box;width: 44px;height: 44px ">
-                <img src="../../../static/images/onlineHome/icon21.png" style="width: 25px" alt />
+              <div class="icon" style="background:#1D6FE9;">
+                <img src="../../../static/images/onlineHome/icon_Z11.png"  alt />
               </div>
             </div>
             <p style="margin-top: 5px;color: #666666;">任务发布</p>
           </van-grid-item>
           <van-grid-item text="违法监管" :to="{name:'supervisionList'}" >
             <div slot="default">
-              <div style="background:#1D6FE9;padding: 10px;border-radius: 10px;box-sizing: border-box;width: 44px;height: 44px ">
-                <img src="../../../static/images/onlineHome/icon21.png" style="width: 25px" alt />
+              <div class="icon" style="background:#1D6FE9;">
+                <img src="../../../static/images/onlineHome/icon_Z12.png"  alt />
               </div>
             </div>
             <p style="margin-top: 5px;color: #666666;">违法监管</p>
           </van-grid-item>
         </van-grid>
       </van-row>
-      -->
       <onlineHomeIndex></onlineHomeIndex>
     </div>
 </template>
@@ -567,4 +560,18 @@
   >>>.app-container{
     padding:0;
   }
+  >>> .icon{
+    padding: 15px;
+    border-radius: 10px;
+    box-sizing: border-box;
+    width: 80px;
+    height: 80px;
+    text-align:center;
+  }
+  >>> .icon img{
+    width:50px;
+  }
+  >>> .indexCard{
+    margin:2%;width:96%;padding:20px 0;padding:20px 0;border-radius: 6px;box-shadow: 0px 3px 6px 0px rgba(0,0,0,0.16);background: #fff
+  }
 </style>

src/views/onlineHomeIndex.vue

@@ -1,7 +1,7 @@
 <template>
   <div class="app-container">
     <router-view />
-    <van-tabbar route :placeholder="true">
+    <van-tabbar route :placeholder="true" >
       <van-tabbar-item replace to="/onlineHome/publicity" icon="bullhorn-o">公示</van-tabbar-item>
       <van-tabbar-item replace to="/onlineHome/workbench" icon="apps-o">工作台</van-tabbar-item>
       <van-tabbar-item replace to="/onlineHome/home" icon="wap-home-o">家园</van-tabbar-item>
@@ -11,7 +11,7 @@
 </template>
 <script>
 export default {
-  name: "onlineHomeIndex",
+   name: "onlineHomeIndex",
   data() {
     return {
       active: 0,
@@ -27,7 +27,9 @@ export default {
 };
 </script>
 
-<style scoped lang="scss">
-
+<style scoped >
 
+>>> .van-tabbar{
+  height:2rem;
+}
 </style>