修改了我的权限图标

src/views/my/role.vue

@@ -5,9 +5,9 @@
         <!-- 通知 -->
         <van-sticky offset-top="1.5rem">
             <van-notice-bar
-            left-icon="volume-o"
-            text="提示：系统使用时请核实应用权限如有问题请联系管理员。"
-        />
+                left-icon="volume-o"
+                text="提示：系统使用时请核实应用权限如有问题请联系管理员。"
+            />
         </van-sticky>
         <!-- 权限卡片 -->
         <div v-for="(item, key) in role_list" :key="key">
@@ -15,17 +15,23 @@
                 <div class="title">{{ key }}</div>
                 <van-cell-group inset>
                     <div class="tag-wrap">
-                        <van-tag
-                            :color="getColor()"
-                            v-for="(i, index) in item"
-                            :key="index"
-                             plain
-                             round
+                        <van-skeleton
+                            title
+                            :row="2"
+                            :loading="!item['length']"
                         >
-                            <template v-if="i">
-                                {{ i }}
-                            </template>
-                        </van-tag>
+                            <van-tag
+                                :color="getColor()"
+                                v-for="(i, index) in item"
+                                :key="index"
+                                plain
+                                round
+                            >
+                                <template v-if="i">
+                                    {{ i }}
+                                </template>
+                            </van-tag>
+                        </van-skeleton>
                     </div>
                 </van-cell-group>
             </template>
@@ -42,7 +48,7 @@ export default {
     },
     data() {
         return {
-            tabColor: ["red", "orange", "skyblue",'yellowgreen'],
+            tabColor: ["red", "orange", "skyblue", "yellowgreen"],
 
             role_list: {
                 "政务大数据项目cs-401": [],
@@ -59,7 +65,7 @@ export default {
             // console.log(res)
             if (res) {
                 this.role_list = res.data;
-            }else{
+            } else {
                 this.$toast.fail("加载失败,请稍后再试");
             }
         },
@@ -158,8 +164,8 @@ export default {
     margin-right: 0.3rem;
     margin-bottom: 0.3rem;
 }
-.van-tag{
+.van-tag {
     padding: 0.03rem 0.2rem;
     font-size: 0.25rem;
-} 
+}
 </style>
\ No newline at end of file