Ver Fonte

会员:等级下拉框显示图标

owen há 1 ano atrás
pai
commit
c5a703f488
1 ficheiros alterados com 6 adições e 6 exclusões
  1. 6 6
      src/views/member/level/components/MemberLevelSelect.vue

+ 6 - 6
src/views/member/level/components/MemberLevelSelect.vue

@@ -1,11 +1,11 @@
 <template>
   <el-select v-model="levelId" placeholder="请选择用户等级" clearable class="!w-240px">
-    <el-option
-      v-for="level in levelOptions"
-      :key="level.id"
-      :label="level.name"
-      :value="level.id"
-    />
+    <el-option v-for="level in levelOptions" :key="level.id" :label="level.name" :value="level.id">
+      <span class="flex items-center gap-x-8px">
+        <el-avatar :src="level.icon" size="small" />
+        {{ level.name }}
+      </span>
+    </el-option>
   </el-select>
 </template>