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

(cherry picked from commit c5a703f488)
2023-08-22 01:48:52 +08:00 · 2023-08-22 01:48:52 +08:00 · c01a8f9e99
commit c01a8f9e99
parent 9efe122318
1 changed files with 6 additions and 6 deletions
--- a/src/views/member/level/components/MemberLevelSelect.vue
+++ b/src/views/member/level/components/MemberLevelSelect.vue
@ -1,11 +1,11 @@
 <template>
  <el-select v-model="levelId" placeholder="请选择用户等级" clearable class="!w-240px">
-    <el-option
+    <el-option v-for="level in levelOptions" :key="level.id" :label="level.name" :value="level.id">
-      v-for="level in levelOptions"
+      <span class="flex items-center gap-x-8px">
-      :key="level.id"
+        <el-avatar :src="level.icon" size="small" />
-      :label="level.name"
+        {{ level.name }}
-      :value="level.id"
+      </span>
-    />
+    </el-option>
  </el-select>
 </template>