字体图标扩展

pages/text/index.vue

@@ -11,7 +11,14 @@
             <view class="goods-item-right">
               <view class="goods-item-name">{{item.good_name}}</view>
               <view class="goods-item-price goods-item-zh" v-if="item.p_type===1">
-                振合
+                <view class="item-price">
+                  <enPrice :currentPrice="item.price" :originalPrice="item.original_price"></enPrice>
+                </view>
+                <view class="item-market">
+                  <text class="iconfont">&#xe61a;</text>
+                  <text>5.0评分</text>
+                  <text>2W+人付款</text>
+                </view>
               </view>
               <view class="goods-item-price goods-item-tp" v-else>
                 <view class="goods-item-platform">
@@ -56,6 +63,16 @@
 </script>
 
 <style scoped lang="scss">
+    @font-face {
+      font-family: 'iconfont';
+      src:  url('/components/static/icon/iconfont.ttf') format('truetype');
+    }
+    .iconfont {
+      font-family: "iconfont" !important;
+      font-style: normal;
+      -webkit-font-smoothing: antialiased;
+      -moz-osx-font-smoothing: grayscale;
+    }
     .goods-list{
       background-color: #F5F5F5;
       margin: 0 24rpx;
@@ -94,15 +111,17 @@
             position:absolute;
             bottom: 32rpx;
             .item-price{
-              .item-current-price{
-                color: #ED301D;
-                font-size: 40rpx;
-              }
-              .item-original-price{
-                margin-left: 12rpx;
-                color: #999999;
-                font-size: 24rpx;
-                text-decoration: line-through;
+
+            }
+            .item-market{
+                text{
+                  color: #999999;
+                  font-size: 24rpx;
+                  line-height: 34rpx;
+                  padding: 0 20rpx 0 0;
+                }
+              .iconfont{
+                padding: 0;
               }
             }
           }