图标

src/assets/iconfont/iconfont.css

 @font-face {
-    font-family: "iconfont"; /* Project id 4633414 */
-    src: url('//at.alicdn.com/t/c/font_4633414_jhlymbmljta.woff2?t=1722933863144') format('woff2'),
-         url('//at.alicdn.com/t/c/font_4633414_jhlymbmljta.woff?t=1722933863144') format('woff'),
-         url('//at.alicdn.com/t/c/font_4633414_jhlymbmljta.ttf?t=1722933863144') format('truetype');
-  }
-  
-  .iconfont {
-    font-family: "iconfont" !important;
-    font-size: 16px;
-    font-style: normal;
-    -webkit-font-smoothing: antialiased;
-    -moz-osx-font-smoothing: grayscale;
-  }
-  
-  .icon-gengduo:before {
-    content: "\e633";
-  }
-  
-  .icon-lianhe40:before {
-    content: "\e866";
-  }
-  
-  .icon-shuangxiajiantou:before {
-    content: "\e660";
-  }
-  
-  .icon-dianzan:before {
-    content: "\e602";
-  }
-  
-  .icon-dianzan_kuai:before {
-    content: "\ec8c";
-  }
-  
-  .icon-xiai:before {
-    content: "\e601";
-  }
-  
-  .icon-tongzhi:before {
-    content: "\e60d";
-  }
-  
-  .icon-fenxiang:before {
-    content: "\e639";
-  }
-  
-  .icon-shuangshangjiantou-:before {
-    content: "\e600";
-  }
-  
-  .icon-jinggao:before {
-    content: "\e716";
-  }
-  
-  .icon-rs-countdown:before {
-    content: "\e614";
-  }
-  
-  .icon-naozhong:before {
-    content: "\e666";
-  }
-  
-  .icon-ic_business_refund24px:before {
-    content: "\e619";
-  }
-  
-  .icon-shoucang:before {
-    content: "\e606";
-  }
-  
-  .icon-pinglun:before {
-    content: "\e618";
-  }
-  
-  .icon-aixin:before {
-    content: "\e622";
-  }
-  
\ No newline at end of file
+  font-family: "iconfont"; /* Project id 4633414 */
+  src: url('iconfont.woff2?t=1722996380945') format('woff2'),
+       url('iconfont.woff?t=1722996380945') format('woff'),
+       url('iconfont.ttf?t=1722996380945') format('truetype');
+}
+
+.iconfont {
+  font-family: "iconfont" !important;
+  font-size: 16px;
+  font-style: normal;
+  -webkit-font-smoothing: antialiased;
+  -moz-osx-font-smoothing: grayscale;
+}
+
+.icon-gengduo:before {
+  content: "\e633";
+}
+
+.icon-lianhe40:before {
+  content: "\e866";
+}
+
+.icon-shuangxiajiantou:before {
+  content: "\e660";
+}
+
+.icon-dianzan:before {
+  content: "\e602";
+}
+
+.icon-dianzan_kuai:before {
+  content: "\ec8c";
+}
+
+.icon-xiai:before {
+  content: "\e601";
+}
+
+.icon-tongzhi:before {
+  content: "\e60d";
+}
+
+.icon-fenxiang:before {
+  content: "\e639";
+}
+
+.icon-shuangshangjiantou-:before {
+  content: "\e600";
+}
+
+.icon-jinggao:before {
+  content: "\e716";
+}
+
+.icon-rs-countdown:before {
+  content: "\e614";
+}
+
+.icon-naozhong:before {
+  content: "\e666";
+}
+
+.icon-ic_business_refund24px:before {
+  content: "\e619";
+}
+
+.icon-shoucang:before {
+  content: "\e606";
+}
+
+.icon-pinglun:before {
+  content: "\e618";
+}
+
+.icon-aixin:before {
+  content: "\e622";
+}
+

src/assets/iconfont/iconfont.json

+{
+  "id": "4633414",
+  "name": "驻场",
+  "font_family": "iconfont",
+  "css_prefix_text": "icon-",
+  "description": "",
+  "glyphs": [
+    {
+      "icon_id": "10715420",
+      "name": "更多",
+      "font_class": "gengduo",
+      "unicode": "e633",
+      "unicode_decimal": 58931
+    },
+    {
+      "icon_id": "14542055",
+      "name": "已领取",
+      "font_class": "lianhe40",
+      "unicode": "e866",
+      "unicode_decimal": 59494
+    },
+    {
+      "icon_id": "5501759",
+      "name": "双下箭头",
+      "font_class": "shuangxiajiantou",
+      "unicode": "e660",
+      "unicode_decimal": 58976
+    },
+    {
+      "icon_id": "77697",
+      "name": "点赞",
+      "font_class": "dianzan",
+      "unicode": "e602",
+      "unicode_decimal": 58882
+    },
+    {
+      "icon_id": "6380878",
+      "name": "点赞_块",
+      "font_class": "dianzan_kuai",
+      "unicode": "ec8c",
+      "unicode_decimal": 60556
+    },
+    {
+      "icon_id": "5028",
+      "name": "喜爱",
+      "font_class": "xiai",
+      "unicode": "e601",
+      "unicode_decimal": 58881
+    },
+    {
+      "icon_id": "5643534",
+      "name": "通知",
+      "font_class": "tongzhi",
+      "unicode": "e60d",
+      "unicode_decimal": 58893
+    },
+    {
+      "icon_id": "11391522",
+      "name": "分享",
+      "font_class": "fenxiang",
+      "unicode": "e639",
+      "unicode_decimal": 58937
+    },
+    {
+      "icon_id": "22652637",
+      "name": "双上箭头-01",
+      "font_class": "shuangshangjiantou-",
+      "unicode": "e600",
+      "unicode_decimal": 58880
+    },
+    {
+      "icon_id": "4266166",
+      "name": "警告",
+      "font_class": "jinggao",
+      "unicode": "e716",
+      "unicode_decimal": 59158
+    },
+    {
+      "icon_id": "6304017",
+      "name": "倒计时",
+      "font_class": "rs-countdown",
+      "unicode": "e614",
+      "unicode_decimal": 58900
+    },
+    {
+      "icon_id": "11737375",
+      "name": "闹钟",
+      "font_class": "naozhong",
+      "unicode": "e666",
+      "unicode_decimal": 58982
+    },
+    {
+      "icon_id": "15053956",
+      "name": "退钱",
+      "font_class": "ic_business_refund24px",
+      "unicode": "e619",
+      "unicode_decimal": 58905
+    },
+    {
+      "icon_id": "5849192",
+      "name": "收藏",
+      "font_class": "shoucang",
+      "unicode": "e606",
+      "unicode_decimal": 58886
+    },
+    {
+      "icon_id": "13053964",
+      "name": "评论",
+      "font_class": "pinglun",
+      "unicode": "e618",
+      "unicode_decimal": 58904
+    },
+    {
+      "icon_id": "19877102",
+      "name": "爱心",
+      "font_class": "aixin",
+      "unicode": "e622",
+      "unicode_decimal": 58914
+    }
+  ]
+}

src/pages/packageDetails/packageDetails.vue

@@ -141,15 +141,15 @@
         <view class="bz">
           <text class="yh-name">保障：</text>
           <view class="icon-box">
-            <i class="iconfont icon icon-jinggao" />
+            <i class="iconfont icon icon-rs-countdown" />
             过期退
           </view>
-          <view class="icon-box">
-            <i class="iconfont icon icon-jinggao" />
+          <view style="margin-left: 64rpx" class="icon-box">
+            <i class="iconfont icon icon-ic_business_refund24px" />
             随时退
           </view>
-          <view class="icon-box">
-            <i class="iconfont icon icon-jinggao" />
+          <view style="margin-left: 64rpx" class="icon-box">
+            <i class="iconfont icon icon-naozhong" />
             随时用
           </view>
           <i @click="alert" class="iconfont jg icon-jinggao" />
@@ -855,10 +855,10 @@ page {
           align-items: center;
           font-size: 11 * 2rpx;
           color: #abaaaa;
-
           .icon {
-            font-size: 46rpx;
+            font-size: 38rpx;
             font-weight: bold;
+            font-weight: 300;
             color: #fa5151;
           }
         }