描述

ruoyi-ui/src/views/cms/category/index.vue

@@ -143,6 +143,7 @@
               </el-select>
             </el-form-item>
           </el-col>
+
           <el-col :span="12">
             <el-form-item prop="categoryUrl">
               <span slot="label">
@@ -171,7 +172,13 @@
               </el-radio-group>
             </el-form-item>
           </el-col>
+
+
         </el-row>
+        <el-form-item label="封面图" prop="iconUrl">
+          <image-upload :limit="1" v-model="form.iconUrl"/>
+        </el-form-item>
+
       </el-form>
       <div slot="footer" class="dialog-footer">
         <el-button type="primary" @click="submitForm">确 定</el-button>

ruoyi-ui/src/views/officialWebsite/Components/header.vue

@@ -12,7 +12,11 @@
     <!-- tab -->
     <div class="d-s">
       <div class="x-x" :class="{'active' :tabindex == index }" v-for="(item, index) in tablist " :key="index" @click="tabClick(item.jumpUrl, item.id,index)" >
-        {{ item.label }}
+        <div>
+          <img :src=" imgurl +item.iconUrl " alt="" style="width: 35px;height: 35px">
+        </div>
+        <div>{{ item.label }}</div>
+
       </div>
     </div>
     <!-- right -->
@@ -35,6 +39,7 @@ export default {
   data() {
     return {
       baseInfo:"",
+      imgurl: process.env.VUE_APP_BASE_API,
       input:'',
       show_search: true,
       categoryQuery:{},
@@ -142,10 +147,9 @@ export default {
   margin-right: 10px;
   cursor: pointer;
   height: 90px;
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  border-bottom: 2px solid transparent;
+ text-align: center;
+  box-sizing: border-box;
+  padding-top: 15px;
 }
 .x-x:hover{
   background: linear-gradient( 360deg, rgba(255,255,255,0.1) 0%, rgba(255,255,255,0) 100%);