feat: add community tag icons

admin/src/views/community/tag/index.vue

@@ -33,6 +33,12 @@
             <el-table size="large" v-loading="pager.loading" :data="pager.lists">
                 <el-table-column label="ID" prop="id" min-width="60" />
                 <el-table-column label="标签名称" prop="name" min-width="120" />
+                <el-table-column label="图标" min-width="80">
+                    <template #default="{ row }">
+                        <el-avatar v-if="row.icon" :src="row.icon" :size="36" shape="square" />
+                        <span v-else>-</span>
+                    </template>
+                </el-table-column>
                 <el-table-column label="帖子数" prop="post_count" min-width="80" />
                 <el-table-column label="排序" prop="sort" min-width="80" />
                 <el-table-column label="热门" min-width="80">
@@ -83,6 +89,14 @@
                 <el-form-item label="标签名称" prop="name">
                     <el-input v-model="editData.name" placeholder="请输入标签名称" />
                 </el-form-item>
+                <el-form-item label="标签图标" prop="icon">
+                    <div>
+                        <material-picker v-model="editData.icon" :limit="1" size="80px" />
+                        <div class="form-tips">
+                            建议上传正方形图标；未上传时用户端显示默认图标
+                        </div>
+                    </div>
+                </el-form-item>
                 <el-form-item label="排序" prop="sort">
                     <el-input-number v-model="editData.sort" :min="0" :max="9999" />
                 </el-form-item>
@@ -125,6 +139,7 @@ const editFormRef = ref<FormInstance>()
 const editData = reactive({
     id: 0,
     name: '',
+    icon: '',
     sort: 0,
     is_hot: 0,
     status: 1
@@ -135,7 +150,7 @@ const editRules = {
 }
 
 const handleAdd = () => {
-    Object.assign(editData, { id: 0, name: '', sort: 0, is_hot: 0, status: 1 })
+    Object.assign(editData, { id: 0, name: '', icon: '', sort: 0, is_hot: 0, status: 1 })
     showEdit.value = true
 }
 
@@ -143,6 +158,7 @@ const handleEdit = (row: any) => {
     Object.assign(editData, {
         id: row.id,
         name: row.name,
+        icon: row.icon || '',
         sort: row.sort,
         is_hot: row.is_hot,
         status: row.status