diff --git a/pages/index/index.vue b/pages/index/index.vue index 817c746..cfe0d9e 100644 --- a/pages/index/index.vue +++ b/pages/index/index.vue @@ -161,24 +161,32 @@ </view> <view class="shop-content-li"> <view class="shop-content-li-l" style="color: #FC452F;">活动价</view> - <view class="shop-content-li-r">¥<text>79.8</text>/份</view> + <view class="shop-content-li-r" style="color:#FC452F ;">¥<text + style="font-size: 30rpx;">79.8</text>/份 + </view> + <view class="tag"> + 10%品牌礼品 + </view> + </view> + <view class="shop-content-li" style="color: #999999;"> + <view class="shop-content-li-l">原 价</view> + <view class="shop-content-li-r">¥32.52</view> </view> <view class="shop-content-li"> - <view class="shop-content-li-l">原价</view> - <view class="shop-content-li-r">32.52</view> + <view class="shop-content-li-l">规 格</view> + <view class="shop-content-li-r">{{ item.price }}/{{ item.unit_name }}</view> </view> - <view class="shop-content-li"> - <view class="shop-content-li-l">规格</view> - <view class="shop-content-li-r">32.52</view> + <view class="shop-content-li" style="justify-content: space-between;"> + <view style="display: flex;"> + <view class="shop-content-li-l">起批量</view> + <view class="shop-content-li-r">{{ item.batch }}{{ item.unit_name }}起卖</view> + </view> + <view class="btn"> + <u--icon name="plus-circle-fill" size="20" color="#20b128"></u--icon> + </view> </view> - <view class="shop-content-li"> - <view class="shop-content-li-l">起批量</view> - <view class="shop-content-li-r">32.52</view> - </view> - </view> - <!-- <view class="shop-content"> <view class="title"> <view class="name u-line-2">{{ item.store_name }}</view> @@ -1045,6 +1053,7 @@ font-size: 22rpx; color: #333333; display: flex; + align-items: center; .shop-content-li-l { font-size: 22rpx; @@ -1054,6 +1063,14 @@ } } + .tag { + font-size: 18rpx; + color: #A17C3A; + background-color: #F3E7C0; + padding: 8rpx 4rpx; + margin-left: 10rpx; + } +