阳光村务

src/views/sunVillage_info/index.vue

@@ -13,7 +13,10 @@
               </van-popup>
 
             </div>
-            <van-popover v-model="showPopover" trigger="click" :actions="actions" placement="bottom-end" @select="selectChange">
+            <van-popover v-model="showPopover" trigger="click" placement="bottom-end" @select="selectChange">
+              <div style="width: 4rem;">
+                  <van-cell :title="item.text" :border="false" :icon="item.icon" v-for="(item,index) in actions" :key="index" />
+              </div>
               <template #reference>
                 <div class="exit_btn">
                   <i class="icon"></i>
@@ -68,12 +71,12 @@
         actions: [
           { text: '个人信息', icon: 'manager-o' , index: 0 },
           { text: '修改密码', icon: 'edit' , index: 1 },
-          { text: '事项审批', icon: 'manager-o' , index: 2 },
-          { text: '宅基地调查', icon: 'manager-o' , index: 3 },
-          { text: '确权延包调查', icon: 'manager-o' , index: 4 },
-          { text: '农业行政执法', icon: 'manager-o' , index: 5 },
-          { text: '生产托管', icon: 'manager-o' , index: 6 },
-          { text: '产权交易', icon: 'manager-o' , index: 7 },
+          { text: '事项审批', icon: 'todo-list-o' , index: 2 },
+          { text: '宅基地调查', icon: 'newspaper-o' , index: 3 },
+          { text: '确权延包调查', icon: 'orders-o' , index: 4 },
+          { text: '农业行政执法', icon: 'label-o' , index: 5 },
+          { text: '生产托管', icon: 'notes-o' , index: 6 },
+          { text: '产权交易', icon: 'home-o' , index: 7 },
           { text: '退出登录', icon: 'revoke' , index: 8 },
         ],
         deptIdOptions:[],
@@ -262,6 +265,9 @@
           top: 64px;
           right: 36px;
         }
+        /deep/ .van-popover__action{
+          width: 4rem;
+        }
         .exit_btn{
             width: 61px;
             height: 61px;