首页

ant-design-vue-jeecg/src/views/shopping/assets/iconfont/iconfont.css

@@ -1,8 +1,8 @@
 @font-face {
   font-family: "iconfont"; /* Project id 3854415 */
-  src: url('iconfont.woff2?t=1673860163583') format('woff2'),
+  src: url('iconfont.woff2?t=1675756284306') format('woff2'),
-       url('iconfont.woff?t=1673860163583') format('woff'),
+       url('iconfont.woff?t=1675756284306') format('woff'),
-       url('iconfont.ttf?t=1673860163583') format('truetype');
+       url('iconfont.ttf?t=1675756284306') format('truetype');
 }
 
 .iconfont {
@@ -13,6 +13,26 @@
   -moz-osx-font-smoothing: grayscale;
 }
 
+.icon-biaoqian1:before {
+  content: "\e60e";
+}
+
+.icon-xizhuang1:before {
+  content: "\e607";
+}
+
+.icon-dingzhi:before {
+  content: "\e651";
+}
+
+.icon-bijijilu:before {
+  content: "\e6f3";
+}
+
+.icon-jilu:before {
+  content: "\e69f";
+}
+
 .icon-weishoucang:before {
   content: "\e603";
 }

ant-design-vue-jeecg/src/views/shopping/assets/iconfont/iconfont.json

@@ -5,6 +5,41 @@
   "css_prefix_text": "icon-",
   "description": "",
   "glyphs": [
+    {
+      "icon_id": "7556872",
+      "name": "标签",
+      "font_class": "biaoqian1",
+      "unicode": "e60e",
+      "unicode_decimal": 58894
+    },
+    {
+      "icon_id": "7767642",
+      "name": "西装",
+      "font_class": "xizhuang1",
+      "unicode": "e607",
+      "unicode_decimal": 58887
+    },
+    {
+      "icon_id": "12975225",
+      "name": "定制",
+      "font_class": "dingzhi",
+      "unicode": "e651",
+      "unicode_decimal": 58961
+    },
+    {
+      "icon_id": "18406367",
+      "name": "笔记，记录",
+      "font_class": "bijijilu",
+      "unicode": "e6f3",
+      "unicode_decimal": 59123
+    },
+    {
+      "icon_id": "20710441",
+      "name": "记录",
+      "font_class": "jilu",
+      "unicode": "e69f",
+      "unicode_decimal": 59039
+    },
     {
       "icon_id": "9526741",
       "name": "未收藏",

ant-design-vue-jeecg/src/views/shopping/shopHome.vue

@@ -32,7 +32,8 @@
 
           >
             <router-link :to="item.url" class="d-flex">
-              <img :src="item.imgUrl" alt="" />
+<!--              <img :src="item.imgUrl" alt="" />-->
+              <i :class="item.iconClass"></i>
               <span class="title_3">{{ item.title }}</span>
               <span class="title_4">{{ item.desc }}</span>
             </router-link>
@@ -221,28 +222,35 @@
           {
             id: 1,
             url:'/shopping/clothType',
-            imgUrl: require("./assets/order01.png"),
+            // imgUrl: require("./assets/order01.png"),
+            iconClass:'iconfont icon-biaoqian1',
             title: "服装类型",
             desc: "丰富款式 多样呈现",
           },
           {
             id: 2,
             url:'/shopping/sirendingzhi',
-            imgUrl: require("./assets/order02.png"),
+            // imgUrl: require("./assets/order02.png"),
+            iconClass:'iconfont icon-dingzhi',
+
             title: "私人订制",
             desc: "丰富款式 多样呈现",
           },
           {
             id: 3,
             url:'/shopping/chengyi',
-            imgUrl: require("./assets/order03.png"),
+            // imgUrl: require("./assets/order03.png"),
+            iconClass:'iconfont icon-xizhuang1',
+
             title: "成衣推荐",
             desc: "丰富款式 多样呈现",
           },
           {
             id: 4,
             url:'/shopping/news',
-            imgUrl: require("./assets/order04.png"),
+            // imgUrl: require("./assets/order04.png"),
+            iconClass:'iconfont icon-bijijilu',
+
             title: "关于我们",
             desc: "丰富款式 多样呈现",
           },
@@ -747,6 +755,18 @@
     color: #333;
     transition: all 0.2s;
   }
+  .section2 .itemDiv .item a i{
+    font-size: 100px;
+    color: #746957;
+
+  }
+  .section2 .itemDiv .item a:hover i{
+    color: #fff;
+  }
+  .section2 .itemDiv .item a:hover .title_3,.section2 .itemDiv .item a:hover .title_4{
+    color: #746957;
+
+  }
   .section2 .itemDiv .item a:hover{
     background: #EEE6D9;
     border: 1px dashed #919190;