1

App.vue

@@ -15,6 +15,7 @@
 <style lang="scss">
 	/*每个页面公共css */
 	@import '@/uni_modules/uni-scss/index.scss';
+	@import '@/common/css/font-icon.css';
 
 	/* 公用 */
 	.container {

common/css/font-icon.css

@@ -0,0 +1,48 @@
+@font-face {
+  font-family: "iconfont"; /* Project id 3674157 */
+  /* Color fonts */
+  src: 
+       url('//at.alicdn.com/t/c/font_3674157_irvx4yfhcfo.woff2?t=1664243609227') format('woff2'),
+       url('//at.alicdn.com/t/c/font_3674157_irvx4yfhcfo.woff?t=1664243609227') format('woff'),
+       url('//at.alicdn.com/t/c/font_3674157_irvx4yfhcfo.ttf?t=1664243609227') format('truetype');
+}
+
+.iconfont {
+  font-family: "iconfont" !important;
+  font-size: 16px;
+  font-style: normal;
+  -webkit-font-smoothing: antialiased;
+  -moz-osx-font-smoothing: grayscale;
+}
+
+.icon-gouwuche:before {
+  content: "\e628";
+}
+
+.icon-dayufuhao:before {
+  content: "\e62b";
+}
+
+.icon-daifahuo:before {
+  content: "\e600";
+}
+
+.icon-daifukuan:before {
+  content: "\e601";
+}
+
+.icon-shouhoufuwuicon:before {
+  content: "\e633";
+}
+
+.icon-geren2:before {
+  content: "\e6bc";
+}
+
+.icon-daishouhuo:before {
+  content: "\e612";
+}
+
+.icon-daipinglun:before {
+  content: "\e602";
+}

pages/home/index.vue

@@ -1,6 +1,7 @@
 <template>
 	<mobile-frame :frameStyle="frameStyle" @toPath="toPath">
 		首页
+		<text class="iconfont icon-gouwuche"></text>
 	</mobile-frame>
 </template>