feat: 引入iconfont

.stylelintrc.cjs

@@ -53,5 +53,6 @@ module.exports = {
     'no-duplicate-selectors': null,
     'scss/comment-no-empty': null,
     'selector-class-pattern': null,
+    'font-family-no-missing-generic-family-keyword': null,
   },
 }

src/pages/index/about.vue

@@ -27,6 +27,14 @@
       <wd-button type="primary" @click="gotoPage('upload')">上传demo</wd-button>
       <wd-button type="primary" @click="gotoPage('upload2')">上传demo2(请求状态一体化)</wd-button>
     </view>
+    <view class="text-center mt-8">
+      <text mr-2>iconfont:</text>
+      <text class="gap-2 text-red">
+        <i class="iconfont icon-my" />
+        <i class="iconfont icon-chat" />
+        <i class="iconfont icon-package" />
+      </text>
+    </view>
   </view>
 </template>
 

src/style/index.scss

@@ -1,3 +1,5 @@
+@import './iconfont.css';
+
 .test {
   // 可以通过 @apply 多个样式封装整体样式
   @apply mt-4 ml-4;