会员等级

hdApp/src/admin/home/member.vue

@@ -25,7 +25,13 @@
                   <view class="user-main">
                     <view class="user-name">{{item.name}}</view>
                     <view class="right-info">
-                      <view v-if="!$util.isEmpty(item.memberName)" class="member-badge">{{ item.memberName }}</view>
+                      <view v-if="!$util.isEmpty(item.memberName)" class="member-icon">
+  <image v-if="item.member == 1" class="member-badge-icon" src="@/static/member-icons/member-1.svg" mode="aspectFit"></image>
+  <image v-else-if="item.member == 2" class="member-badge-icon" src="@/static/member-icons/member-2.svg" mode="aspectFit"></image>
+  <image v-else-if="item.member == 3" class="member-badge-icon" src="@/static/member-icons/member-3.svg" mode="aspectFit"></image>
+  <image v-else-if="item.member == 4" class="member-badge-icon" src="@/static/member-icons/member-4.svg" mode="aspectFit"></image>
+  <image v-else-if="item.member == 5" class="member-badge-icon" src="@/static/member-icons/member-5.svg" mode="aspectFit"></image>
+</view>
                     </view>
                   </view>
                   <view class="user-meta">
@@ -266,7 +272,7 @@ export default {
   .right-info {
     position: absolute;
     right: 50upx;
-    top: 12upx;
+    top: 8upx;
     display: flex;
     flex-direction: column;
     align-items: flex-end;
@@ -301,18 +307,18 @@ export default {
     white-space: nowrap;
   }
 
-  .member-badge {
-    background: linear-gradient(135deg, #049E2C, #06c235);
-    color: #ffffff;
-    padding: 6upx 16upx;
-    border-radius: 18upx;
-    font-size: 24upx;
-    font-weight: bold;
-    box-shadow: 0 2upx 8upx rgba(4, 158, 44, 0.25);
-    border: 1upx solid rgba(255, 255, 255, 0.3);
-    white-space: nowrap;
+  .member-icon {
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    flex-shrink: 0;
+  }
+  
+  .member-badge-icon {
+    width: 80upx;
+    height: 80upx;
     flex-shrink: 0;
-    letter-spacing: 1px;
+    filter: drop-shadow(0 2upx 6upx rgba(0,0,0,0.3));
   }
 }
 

hdApp/src/static/member-icons/member-1.svg

@@ -0,0 +1,41 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg width="80" height="80" viewBox="0 0 80 80" fill="none" xmlns="http://www.w3.org/2000/svg">
+  <!-- 底部阴影 -->
+  <circle cx="40" cy="42" r="36" fill="rgba(0,0,0,0.2)"/>
+  
+  <!-- 主体徽章 -->
+  <circle cx="40" cy="40" r="36" fill="url(#paint0_linear)"/>
+  <circle cx="40" cy="40" r="34" fill="url(#paint1_linear)"/>
+  
+  <!-- 内部装饰 -->
+  <circle cx="40" cy="40" r="28" fill="url(#paint2_linear)" stroke="white" stroke-width="1" stroke-opacity="0.5"/>
+  
+  <!-- 入门标志 -->
+  <path d="M30 40L36 46L50 32" stroke="white" stroke-width="4" stroke-linecap="round" stroke-linejoin="round"/>
+  
+  <!-- 光泽效果 -->
+  <path d="M40 12C25.088 12 13 24.088 13 39C13 53.912 25.088 66 40 66C54.912 66 67 53.912 67 39" stroke="white" stroke-width="2" stroke-opacity="0.3"/>
+  
+  <!-- 入门文字 -->
+  <path d="M32 54H34.456V56H32V54Z" fill="white"/>
+  <path d="M35.384 54H38.072V56H35.384V54Z" fill="white"/>
+  <path d="M38.072 52.8H40.76V54H38.072V52.8Z" fill="white"/>
+  <path d="M40.76 54H43.448V56H40.76V54Z" fill="white"/>
+  <path d="M44.376 54H46.832V56H44.376V54Z" fill="white"/>
+  
+  <!-- 渐变定义 -->
+  <defs>
+    <linearGradient id="paint0_linear" x1="10" y1="10" x2="70" y2="70" gradientUnits="userSpaceOnUse">
+      <stop stop-color="#4CAF50"/>
+      <stop offset="1" stop-color="#2E7D32"/>
+    </linearGradient>
+    <linearGradient id="paint1_linear" x1="15" y1="15" x2="65" y2="65" gradientUnits="userSpaceOnUse">
+      <stop stop-color="#66BB6A"/>
+      <stop offset="1" stop-color="#388E3C"/>
+    </linearGradient>
+    <linearGradient id="paint2_linear" x1="20" y1="20" x2="60" y2="60" gradientUnits="userSpaceOnUse">
+      <stop stop-color="#81C784"/>
+      <stop offset="1" stop-color="#2E7D32"/>
+    </linearGradient>
+  </defs>
+</svg>

hdApp/src/static/member-icons/member-2.svg

@@ -0,0 +1,46 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg width="80" height="80" viewBox="0 0 80 80" fill="none" xmlns="http://www.w3.org/2000/svg">
+  <!-- 底部阴影 -->
+  <circle cx="40" cy="42" r="36" fill="rgba(0,0,0,0.2)"/>
+  
+  <!-- 主体徽章 -->
+  <circle cx="40" cy="40" r="36" fill="url(#paint0_linear)"/>
+  <circle cx="40" cy="40" r="34" fill="url(#paint1_linear)"/>
+  
+  <!-- 内部装饰 -->
+  <circle cx="40" cy="40" r="28" fill="url(#paint2_linear)" stroke="white" stroke-width="1" stroke-opacity="0.5"/>
+  
+  <!-- 白银标志 -->
+  <path d="M40 20L45.8 32.2L59 34.1L49.5 43.3L51.8 56.4L40 50.2L28.2 56.4L30.5 43.3L21 34.1L34.2 32.2L40 20Z" fill="white"/>
+  <path d="M40 22L45.3 33.1L57.2 34.8L48.6 43L50.7 54.8L40 49.2L29.3 54.8L31.4 43L22.8 34.8L34.7 33.1L40 22Z" fill="url(#paint3_linear)"/>
+  
+  <!-- 光泽效果 -->
+  <path d="M40 12C25.088 12 13 24.088 13 39C13 53.912 25.088 66 40 66C54.912 66 67 53.912 67 39" stroke="white" stroke-width="2" stroke-opacity="0.3"/>
+  
+  <!-- 白银文字 -->
+  <path d="M32 54H34.456V56H32V54Z" fill="white"/>
+  <path d="M35.384 54H38.072V56H35.384V54Z" fill="white"/>
+  <path d="M38.072 52.8H40.76V54H38.072V52.8Z" fill="white"/>
+  <path d="M40.76 54H43.448V56H40.76V54Z" fill="white"/>
+  <path d="M44.376 54H46.832V56H44.376V54Z" fill="white"/>
+  
+  <!-- 渐变定义 -->
+  <defs>
+    <linearGradient id="paint0_linear" x1="10" y1="10" x2="70" y2="70" gradientUnits="userSpaceOnUse">
+      <stop stop-color="#E0E0E0"/>
+      <stop offset="1" stop-color="#757575"/>
+    </linearGradient>
+    <linearGradient id="paint1_linear" x1="15" y1="15" x2="65" y2="65" gradientUnits="userSpaceOnUse">
+      <stop stop-color="#F5F5F5"/>
+      <stop offset="1" stop-color="#9E9E9E"/>
+    </linearGradient>
+    <linearGradient id="paint2_linear" x1="20" y1="20" x2="60" y2="60" gradientUnits="userSpaceOnUse">
+      <stop stop-color="#EEEEEE"/>
+      <stop offset="1" stop-color="#757575"/>
+    </linearGradient>
+    <linearGradient id="paint3_linear" x1="40" y1="22" x2="40" y2="54.8" gradientUnits="userSpaceOnUse">
+      <stop stop-color="#E0E0E0"/>
+      <stop offset="1" stop-color="#BDBDBD"/>
+    </linearGradient>
+  </defs>
+</svg>

hdApp/src/static/member-icons/member-3.svg

@@ -0,0 +1,50 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg width="80" height="80" viewBox="0 0 80 80" fill="none" xmlns="http://www.w3.org/2000/svg">
+  <!-- 底部阴影 -->
+  <circle cx="40" cy="42" r="36" fill="rgba(0,0,0,0.2)"/>
+  
+  <!-- 主体徽章 -->
+  <circle cx="40" cy="40" r="36" fill="url(#paint0_linear)"/>
+  <circle cx="40" cy="40" r="34" fill="url(#paint1_linear)"/>
+  
+  <!-- 内部装饰 -->
+  <circle cx="40" cy="40" r="28" fill="url(#paint2_linear)" stroke="white" stroke-width="1" stroke-opacity="0.5"/>
+  
+  <!-- 黄金标志 -->
+  <path d="M40 18L46.5 31.7L61 33.8L50.5 44L53 58.4L40 51.5L27 58.4L29.5 44L19 33.8L33.5 31.7L40 18Z" fill="url(#paint3_radial)"/>
+  <path d="M40 18L46.5 31.7L61 33.8L50.5 44L53 58.4L40 51.5L27 58.4L29.5 44L19 33.8L33.5 31.7L40 18Z" stroke="#FFC107" stroke-width="1"/>
+  
+  <!-- 装饰线条 -->
+  <path d="M40 18L40 51.5" stroke="#FFC107" stroke-width="0.5" stroke-opacity="0.7"/>
+  <path d="M19 33.8L61 33.8" stroke="#FFC107" stroke-width="0.5" stroke-opacity="0.7"/>
+  
+  <!-- 光泽效果 -->
+  <path d="M40 12C25.088 12 13 24.088 13 39C13 53.912 25.088 66 40 66C54.912 66 67 53.912 67 39" stroke="white" stroke-width="2" stroke-opacity="0.3"/>
+  
+  <!-- 黄金文字 -->
+  <path d="M32 54H34.456V56H32V54Z" fill="white"/>
+  <path d="M35.384 54H38.072V56H35.384V54Z" fill="white"/>
+  <path d="M38.072 52.8H40.76V54H38.072V52.8Z" fill="white"/>
+  <path d="M40.76 54H43.448V56H40.76V54Z" fill="white"/>
+  <path d="M44.376 54H46.832V56H44.376V54Z" fill="white"/>
+  
+  <!-- 渐变定义 -->
+  <defs>
+    <linearGradient id="paint0_linear" x1="10" y1="10" x2="70" y2="70" gradientUnits="userSpaceOnUse">
+      <stop stop-color="#FFD54F"/>
+      <stop offset="1" stop-color="#FF9800"/>
+    </linearGradient>
+    <linearGradient id="paint1_linear" x1="15" y1="15" x2="65" y2="65" gradientUnits="userSpaceOnUse">
+      <stop stop-color="#FFE082"/>
+      <stop offset="1" stop-color="#FFA000"/>
+    </linearGradient>
+    <linearGradient id="paint2_linear" x1="20" y1="20" x2="60" y2="60" gradientUnits="userSpaceOnUse">
+      <stop stop-color="#FFECB3"/>
+      <stop offset="1" stop-color="#FF8F00"/>
+    </linearGradient>
+    <radialGradient id="paint3_radial" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="translate(40 38) rotate(90) scale(20)">
+      <stop stop-color="#FFF8E1"/>
+      <stop offset="1" stop-color="#FFD600"/>
+    </radialGradient>
+  </defs>
+</svg>

hdApp/src/static/member-icons/member-4.svg

@@ -0,0 +1,70 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg width="80" height="80" viewBox="0 0 80 80" fill="none" xmlns="http://www.w3.org/2000/svg">
+  <!-- 底部阴影 -->
+  <circle cx="40" cy="42" r="36" fill="rgba(0,0,0,0.2)"/>
+  
+  <!-- 主体徽章 -->
+  <circle cx="40" cy="40" r="36" fill="url(#paint0_linear)"/>
+  <circle cx="40" cy="40" r="34" fill="url(#paint1_linear)"/>
+  
+  <!-- 内部装饰 -->
+  <circle cx="40" cy="40" r="28" fill="url(#paint2_linear)" stroke="white" stroke-width="1" stroke-opacity="0.5"/>
+  
+  <!-- 钻石标志 -->
+  <path d="M40 20L30 30L40 60L50 30L40 20Z" fill="url(#paint3_linear)"/>
+  <path d="M40 20L30 30L40 60L50 30L40 20Z" stroke="#B2EBF2" stroke-width="0.5"/>
+  
+  <!-- 钻石侧面 -->
+  <path d="M25 30L30 30L40 60L25 30Z" fill="url(#paint4_linear)"/>
+  <path d="M55 30L50 30L40 60L55 30Z" fill="url(#paint5_linear)"/>
+  
+  <!-- 钻石顶部 -->
+  <path d="M25 30L40 20L55 30L40 35L25 30Z" fill="url(#paint6_linear)"/>
+  
+  <!-- 闪光效果 -->
+  <circle cx="35" cy="25" r="1.5" fill="white"/>
+  <circle cx="45" cy="35" r="1" fill="white"/>
+  <circle cx="38" cy="45" r="1" fill="white"/>
+  
+  <!-- 光泽效果 -->
+  <path d="M40 12C25.088 12 13 24.088 13 39C13 53.912 25.088 66 40 66C54.912 66 67 53.912 67 39" stroke="white" stroke-width="2" stroke-opacity="0.3"/>
+  
+  <!-- 钻石文字 -->
+  <path d="M32 54H34.456V56H32V54Z" fill="white"/>
+  <path d="M35.384 54H38.072V56H35.384V54Z" fill="white"/>
+  <path d="M38.072 52.8H40.76V54H38.072V52.8Z" fill="white"/>
+  <path d="M40.76 54H43.448V56H40.76V54Z" fill="white"/>
+  <path d="M44.376 54H46.832V56H44.376V54Z" fill="white"/>
+  
+  <!-- 渐变定义 -->
+  <defs>
+    <linearGradient id="paint0_linear" x1="10" y1="10" x2="70" y2="70" gradientUnits="userSpaceOnUse">
+      <stop stop-color="#4DD0E1"/>
+      <stop offset="1" stop-color="#0097A7"/>
+    </linearGradient>
+    <linearGradient id="paint1_linear" x1="15" y1="15" x2="65" y2="65" gradientUnits="userSpaceOnUse">
+      <stop stop-color="#80DEEA"/>
+      <stop offset="1" stop-color="#00838F"/>
+    </linearGradient>
+    <linearGradient id="paint2_linear" x1="20" y1="20" x2="60" y2="60" gradientUnits="userSpaceOnUse">
+      <stop stop-color="#B2EBF2"/>
+      <stop offset="1" stop-color="#006064"/>
+    </linearGradient>
+    <linearGradient id="paint3_linear" x1="40" y1="20" x2="40" y2="60" gradientUnits="userSpaceOnUse">
+      <stop stop-color="#E0F7FA"/>
+      <stop offset="1" stop-color="#26C6DA"/>
+    </linearGradient>
+    <linearGradient id="paint4_linear" x1="32.5" y1="30" x2="32.5" y2="60" gradientUnits="userSpaceOnUse">
+      <stop stop-color="#B2EBF2"/>
+      <stop offset="1" stop-color="#00ACC1"/>
+    </linearGradient>
+    <linearGradient id="paint5_linear" x1="47.5" y1="30" x2="47.5" y2="60" gradientUnits="userSpaceOnUse">
+      <stop stop-color="#B2EBF2"/>
+      <stop offset="1" stop-color="#00ACC1"/>
+    </linearGradient>
+    <linearGradient id="paint6_linear" x1="40" y1="20" x2="40" y2="35" gradientUnits="userSpaceOnUse">
+      <stop stop-color="#E0F7FA"/>
+      <stop offset="1" stop-color="#4DD0E1"/>
+    </linearGradient>
+  </defs>
+</svg>

hdApp/src/static/member-icons/member-5.svg

@@ -0,0 +1,58 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg width="80" height="80" viewBox="0 0 80 80" fill="none" xmlns="http://www.w3.org/2000/svg">
+  <!-- 底部阴影 -->
+  <circle cx="40" cy="42" r="36" fill="rgba(0,0,0,0.2)"/>
+  
+  <!-- 主体徽章 -->
+  <circle cx="40" cy="40" r="36" fill="url(#paint0_linear)"/>
+  <circle cx="40" cy="40" r="34" fill="url(#paint1_linear)"/>
+  
+  <!-- 内部装饰 -->
+  <circle cx="40" cy="40" r="28" fill="url(#paint2_linear)" stroke="white" stroke-width="1" stroke-opacity="0.5"/>
+  
+  <!-- 皇冠底座 -->
+  <path d="M25 42H55V46C55 48.2091 53.2091 50 51 50H29C26.7909 50 25 48.2091 25 46V42Z" fill="url(#paint3_linear)"/>
+  
+  <!-- 皇冠主体 -->
+  <path d="M20 30L30 40L40 25L50 40L60 30L55 42H25L20 30Z" fill="url(#paint4_radial)"/>
+  <path d="M20 30L30 40L40 25L50 40L60 30L55 42H25L20 30Z" stroke="#FFD700" stroke-width="0.5"/>
+  
+  <!-- 皇冠宝石 -->
+  <circle cx="20" cy="30" r="3" fill="#F44336"/>
+  <circle cx="40" cy="25" r="3" fill="#2196F3"/>
+  <circle cx="60" cy="30" r="3" fill="#4CAF50"/>
+  
+  <!-- 光泽效果 -->
+  <path d="M40 12C25.088 12 13 24.088 13 39C13 53.912 25.088 66 40 66C54.912 66 67 53.912 67 39" stroke="white" stroke-width="2" stroke-opacity="0.3"/>
+  
+  <!-- 超级文字 -->
+  <path d="M32 54H34.456V56H32V54Z" fill="white"/>
+  <path d="M35.384 54H38.072V56H35.384V54Z" fill="white"/>
+  <path d="M38.072 52.8H40.76V54H38.072V52.8Z" fill="white"/>
+  <path d="M40.76 54H43.448V56H40.76V54Z" fill="white"/>
+  <path d="M44.376 54H46.832V56H44.376V54Z" fill="white"/>
+  
+  <!-- 渐变定义 -->
+  <defs>
+    <linearGradient id="paint0_linear" x1="10" y1="10" x2="70" y2="70" gradientUnits="userSpaceOnUse">
+      <stop stop-color="#9C27B0"/>
+      <stop offset="1" stop-color="#4A148C"/>
+    </linearGradient>
+    <linearGradient id="paint1_linear" x1="15" y1="15" x2="65" y2="65" gradientUnits="userSpaceOnUse">
+      <stop stop-color="#AB47BC"/>
+      <stop offset="1" stop-color="#6A1B9A"/>
+    </linearGradient>
+    <linearGradient id="paint2_linear" x1="20" y1="20" x2="60" y2="60" gradientUnits="userSpaceOnUse">
+      <stop stop-color="#CE93D8"/>
+      <stop offset="1" stop-color="#4A148C"/>
+    </linearGradient>
+    <linearGradient id="paint3_linear" x1="40" y1="42" x2="40" y2="50" gradientUnits="userSpaceOnUse">
+      <stop stop-color="#FFD700"/>
+      <stop offset="1" stop-color="#FFC107"/>
+    </linearGradient>
+    <radialGradient id="paint4_radial" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="translate(40 35) rotate(90) scale(15 20)">
+      <stop stop-color="#FFF9C4"/>
+      <stop offset="1" stop-color="#FFC107"/>
+    </radialGradient>
+  </defs>
+</svg>