wangfukang 4 weeks ago
parent
commit
34f03a5276
  1. 16
      pages/index/index.vue

16
pages/index/index.vue

@ -155,7 +155,7 @@
v-for="(item,index) in mallAds" :key="index" @tap="goAdPage(item)"> v-for="(item,index) in mallAds" :key="index" @tap="goAdPage(item)">
<view class="flat-card-img"> <view class="flat-card-img">
<img :src="item.adDisplayImage" alt=""> <img :src="item.adDisplayImage" alt="">
<view class="flat-card-tag">🔥 正在拼</view> <view class="flat-card-tag">🔥 <text class="flat-card-origin-price">{{item.productList[0].originalPrice}}</text></view>
</view> </view>
<view class="flat-card-name">{{item.title}}</view> <view class="flat-card-name">{{item.title}}</view>
<view class="flat-card-price">{{item.productList[0].groupPrice}}</view> <view class="flat-card-price">{{item.productList[0].groupPrice}}</view>
@ -168,7 +168,7 @@
v-for="(item,index) in mallAds" :key="index" @tap="goAdPage(item)"> v-for="(item,index) in mallAds" :key="index" @tap="goAdPage(item)">
<view class="flat-card-img"> <view class="flat-card-img">
<img :src="item.adDisplayImage" alt=""> <img :src="item.adDisplayImage" alt="">
<view class="flat-card-tag">🔥 正在拼</view> <view class="flat-card-tag">🔥 <text class="flat-card-origin-price">{{item.productList[0].originalPrice}}</text></view>
</view> </view>
<view class="flat-card-name">{{item.title}}</view> <view class="flat-card-name">{{item.title}}</view>
<view class="flat-card-price">{{item.productList[0].groupPrice}}</view> <view class="flat-card-price">{{item.productList[0].groupPrice}}</view>
@ -181,7 +181,7 @@
v-for="(item,index) in mallAds" :key="index" @tap="goAdPage(item)"> v-for="(item,index) in mallAds" :key="index" @tap="goAdPage(item)">
<view class="flat-card-img"> <view class="flat-card-img">
<img :src="item.adDisplayImage" alt=""> <img :src="item.adDisplayImage" alt="">
<view class="flat-card-tag">🔥 正在拼</view> <view class="flat-card-tag">🔥 <text class="flat-card-origin-price">{{item.productList[0].originalPrice}}</text></view>
</view> </view>
<view class="flat-card-name">{{item.title}}</view> <view class="flat-card-name">{{item.title}}</view>
<view class="flat-card-price">{{item.productList[0].groupPrice}}</view> <view class="flat-card-price">{{item.productList[0].groupPrice}}</view>
@ -194,7 +194,7 @@
v-for="(item,index) in mallAds" :key="index" @tap="goAdPage(item)"> v-for="(item,index) in mallAds" :key="index" @tap="goAdPage(item)">
<view class="flat-card-img"> <view class="flat-card-img">
<img :src="item.adDisplayImage" alt=""> <img :src="item.adDisplayImage" alt="">
<view class="flat-card-tag">🔥 正在拼</view> <view class="flat-card-tag">🔥 <text class="flat-card-origin-price">{{item.productList[0].originalPrice}}</text></view>
</view> </view>
<view class="flat-card-name">{{item.title}}</view> <view class="flat-card-name">{{item.title}}</view>
<view class="flat-card-price">{{item.productList[0].groupPrice}}</view> <view class="flat-card-price">{{item.productList[0].groupPrice}}</view>
@ -3336,19 +3336,23 @@
.flat-card-tag { .flat-card-tag {
position: absolute; position: absolute;
top: 1rpx; top: 0rpx;
left: 0; left: 0;
height: 32rpx; height: 32rpx;
padding: 0 14rpx; padding: 0 14rpx;
border-radius: 999rpx; border-radius: 999rpx;
background: rgba(255, 255, 255, 0.94); background: rgba(255, 255, 255, 0.94);
color: #ff6a23; color: #ff6a23;
font-size: 17rpx; font-size: 20rpx;
font-weight: 900; font-weight: 900;
line-height: 32rpx; line-height: 32rpx;
box-shadow: 0 6rpx 14rpx rgba(255, 110, 36, 0.14); box-shadow: 0 6rpx 14rpx rgba(255, 110, 36, 0.14);
} }
.flat-card-origin-price {
text-decoration: line-through;
}
.flat-card-name { .flat-card-name {
margin-top: 12rpx; margin-top: 12rpx;
height: 34rpx; height: 34rpx;

Loading…
Cancel
Save