Browse Source

会员图标优化

shish 6 years ago
parent
commit
a0cacfead4
2 changed files with 32 additions and 15 deletions
  1. 12 12
      store/src/admin/home/member.vue
  2. 20 3
      store/src/admin/member/detail.vue

+ 12 - 12
store/src/admin/home/member.vue

@@ -30,20 +30,20 @@
                 <appVipModule
                 <appVipModule
                   v-if="item.member > 0"
                   v-if="item.member > 0"
                   class="level-img"
                   class="level-img"
-                  :vipImg="`${constant.imgUrl}/retail/interest/vip.png`"
-                  :text="`VIP${item.userAsset.member}`"
+                  :vipImg="`${constant.imgUrl}/retail/member/grade/${item.userAsset.member}.png`"
                 />
                 />
                 <template v-else>
                 <template v-else>
-                  <template v-if="item.mobile == ''">
-                    <div class="normal-img">
-                      <div class="vip-text">普通用户</div>
-                    </div>
-                  </template>
-                  <template v-else>
-                    <div class="member-img">
-                      <div class="vip-text">普通会员</div>
-                    </div>
-                  </template>
+                  <appVipModule
+                    v-if="item.mobile == ''"
+                    class="level-img"
+                    :vipImg="`${constant.imgUrl}/retail/member/grade/customer.png`"
+                  />
+
+                  <appVipModule
+                    v-else
+                    class="level-img"
+                    :vipImg="`${constant.imgUrl}/retail/member/grade/member.png`"
+                  />
                 </template>
                 </template>
               </div>
               </div>
               <div class="tui-msg-content">
               <div class="tui-msg-content">

+ 20 - 3
store/src/admin/member/detail.vue

@@ -8,12 +8,29 @@
           <div>
           <div>
             <div class="flex-center">
             <div class="flex-center">
               <span class="app-size-32">{{ data.userName }}</span>
               <span class="app-size-32">{{ data.userName }}</span>
+
+<template v-if="data.member > 0">
               <app-vip-module
               <app-vip-module
                 class="level-img"
                 class="level-img"
-                v-if="data.member > 0"
-                :text="`VIP${data.member}`"
-                :vipImg="`${constant.imgUrl}/retail/interest/vip.png`"
+                :vipImg="`${constant.imgUrl}/retail/member/grade/${data.member}.png`"
               />
               />
+</template>
+<template v-else>
+<template v-if="data.mobile == ''">
+                <app-vip-module
+                  class="level-img"
+                  :vipImg="`${constant.imgUrl}/retail/member/grade/customer.png`"
+                />
+</template>
+<template v-else>
+  
+
+                <app-vip-module
+                  class="level-img" 
+                  :vipImg="`${constant.imgUrl}/retail/member/grade/member.png`"
+                />
+</template>
+</template>
             </div>
             </div>
             <div class="app-color-3">{{ data.id }}</div>
             <div class="app-color-3">{{ data.id }}</div>
           </div>
           </div>