下单页面增加数量展示

src/pages/order/create.vue

@@ -29,6 +29,7 @@
             <view class="service-view">
                 <view class="service-item" v-for="(item, idx) in serviceList" :key="idx">
                     <service-preview-item :data="item" />
+                    <text class="count">x{{ item.number }}</text>
                 </view>
             </view>
             <view class="insurance-box">
@@ -113,6 +114,7 @@ export default {
                     cover: cover,
                     content: response.goods.post_content,
                     price: response.goods.money,
+                    number: item.count,
                 });
                 this.total += parseFloat(response.goods.money * item.count);
             });
@@ -187,7 +189,16 @@ export default {
     padding: 24rpx 40rpx;
     background-color: #ffffff;
     .service-item {
+        position: relative;
         margin-top: 28rpx;
+        .count {
+            position: absolute;
+            right: 0;
+            bottom: 0;
+            color: #333333;
+            font-size: 28rpx;
+            line-height: 28rpx;
+        }
     }
     .service-item:first-child {
         margin-top: 0;