vip列表原价展示

apis/index.js

@@ -10,8 +10,8 @@ import router from '../router'
 
 // 基础配置
 const config = {
-	apiUrl	: 'https://api.gongli.vip/api/', // 正式环境
-	// apiUrl	: 'http://api.gl.shangkelian.cn/api/', //  测试
+	// apiUrl	: 'https://api.gongli.vip/api/', // 正式环境
+	apiUrl	: 'http://api.gl.shangkelian.cn/api/', //  测试
 	timeout	: 60000
 }
 

components/vip-goods-item/index.vue

@@ -1,17 +1,21 @@
 <template>
     <view class="goods-item">
+        <view class="bg"> {{item.shop_vip.message}} </view>
         <image :src="item.cover" mode="aspectFill" class="goods-cover" />
         <view class="tags"> VIP </view>
         <view class="goods-info">
             <view class="_title">{{item.name}}</view>
-            <view class="_des">
-                {{item.shop.name}} 
-            </view>
+            <view class="_des"> {{item.shop.name}} </view>
             <view class="_pin" v-if="item.sales>0">
-                <view class="_has"> <image src="/static/book/fire.png" mode="widthFix" class="fire" /> 已换购 {{item.sales}} 件 </view>
+                <view class="_has">
+                    <image src="/static/book/fire.png" mode="widthFix" class="fire" /> 已换购 {{item.sales}} 件
+                </view>
             </view>
             <view class="price">
-                <view class="money">{{item.price.price_min}} <span>DT积分</span> </view>
+                <view class="money">
+                    {{item.price.price_min}} <span>DT积分</span>
+                    <span class='del'>{{item.original_price}} DT积分</span>
+                </view>
                 <view class="now-pin" @click="goPin(item.goods_id)">立即领取</view>
             </view>
         </view>
@@ -30,7 +34,7 @@
         },
         methods: {
             goPin(id) {
-               this.$emit('goPin',id)
+                this.$emit('goPin', id)
             }
         },
     };
@@ -47,7 +51,20 @@
         padding: $padding;
         margin-bottom: 20rpx;
         position: relative;
+        z-index: 0;
         overflow: hidden;
+
+        .bg {
+            position: absolute;
+            top: -40rpx;
+            right: -10rpx;
+            opacity: 0.1;
+            font-size: 130rpx;
+            color: $main-color;
+            z-index: 1;
+            font-weight: bold;
+        }
+
         .tags {
             position: absolute;
             top: 6rpx;
@@ -60,7 +77,7 @@
             text-align: center;
             transform: rotate(-45deg);
             font-weight: bold;
-            letter-spacing:2rpx;
+            letter-spacing: 2rpx;
         }
 
         .goods-cover {
@@ -82,8 +99,9 @@
             }
 
             ._des {
-                font-size: 28rpx;
-                padding: 6rpx 0;
+                font-size: 26rpx;
+                padding: 10rpx 0;
+                margin-bottom: 4rpx;
                 color: #4f300a;
                 display: flex;
                 flex-direction: row;
@@ -136,11 +154,20 @@
                     font-size: 34rpx;
                     font-weight: 600;
                     color: #d81e06;
-                    span{
+
+                    span {
                         font-size: 24rpx;
                         margin-left: 10rpx;
                         font-weight: normal;
                     }
+
+                    .del {
+                        text-decoration: line-through;
+                        margin-left: 10rpx;
+                        font-size: 24rpx;
+                        color: #999;
+                        font-weight: normal;
+                    }
                 }
 
                 .now-pin {

pages/store/index.vue

@@ -56,6 +56,7 @@
                     </view>
                     <view class="news-title nowrap">{{item.name}}</view>
                     <view class="news-price nowrap">{{item.price.price_min}} <text>DT积分</text></view>
+                    <!-- <view class="news-price nowrap through">{{item.original_price}} <text>DT积分</text></view> -->
                 </view>
             </view>
         </view>
@@ -70,7 +71,7 @@
                     <view class="card-box-item" style="{'backgrond': #FFF}" v-if="index < 4"
                         @click="$Router.push({name: 'ShopDetail', params: {ShopId: item.shop_id}})">
                         <view class="card-title">{{item.name}}</view>
-                        <view class="card-subtitle"> 优质店铺 </view>
+                        <view class="card-subtitle"> {{item.type.code == 2 ? 'VIP优质店铺' : '优质店铺'}} </view>
                         <view class="card-btn">前往体验</view>
                         <image class="card-cover" :src="item.cover" mode="aspectFill" />
                     </view>
@@ -367,6 +368,10 @@
                     }
                 }
                 
+                .through{
+                    text-decoration: line-through !important;
+                }
+
 
             }
         }

pages/store/shop/shopDetail.vue

@@ -407,6 +407,8 @@
                                     justify-content: space-between;
                                     box-sizing: border-box;
                                     flex: 1;
+                                    position: relative;
+                                    top: 5rpx;
 
                                     text {
                                         margin-right: $margin/2;