theluyuan/deming
2
1
Fork 0
Code Issues Pull Requests Releases Wiki Activity

调整首页全部拼团样式

Browse Source
This commit is contained in:
ghusermoon 2020-08-19 17:27:49 +08:00
parent dc636e30b7
commit 64597b26fa
2 changed files with 28 additions and 10 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

14
components/shop/group/item.vue
View File

@ -3,8 +3,8 @@
<image class="head" :src="info.pintuan_image" mode="widthFix"></image> <image class="head" :src="info.pintuan_image" mode="widthFix"></image>
<text class="title u-line-1">{{ info.pintuan_goods_name }}</text> <text class="title u-line-1">{{ info.pintuan_goods_name }}</text>
<view class="price"> <view class="price">
<view>￥{{ info.pintuan_goods_price }}</view> <view class="value">￥{{ info.pintuan_goods_price }}</view>
<view>立即拼团</view> <view class="btn">立即拼团</view>
</view> </view>
</view> </view>
</template> </template>
@ -65,18 +65,18 @@ export default {
// align-items: center; // align-items: center;
// align-content: flex-end; // align-content: flex-end;
justify-content: space-between; justify-content: space-between;
margin-top: 10rpx; margin-top: 16rpx;
> view:first-child{ .value {
font-size: 26rpx; font-size: 26rpx;
color: #FF3131; color: #FF3131;
margin-bottom: 12rpx; // margin-bottom: 12rpx;
} }
> view:last-child{ .btn {
font-size: 22rpx; font-size: 22rpx;
height: 22rpx; height: 22rpx;
color: #FDD360; color: #FDD360;
text-align: end; text-align: end;
margin-top:8rpx; // margin-top:8rpx;
} }
} }
} }

24
pageC/classify/goods.vue
View File

@ -17,7 +17,11 @@
<view class="right"> <view class="right">
<view class="name u-line-1">{{ goods.goods_name }}</view> <view class="name u-line-1">{{ goods.goods_name }}</view>
<view class="briefing u-line-1">{{ goods.goods_advword }}</view> <view class="briefing u-line-1">{{ goods.goods_advword }}</view>
<view class="price">￥{{ goods.goods_price }}</view> <!-- <view class="price">￥{{ goods.goods_price }}</view> -->
<view class="price">
<view class="present">￥{{ goods.goods_price }}</view>
<view class="origin">￥{{ goods.goods_marketprice }}</view>
</view>
</view> </view>
</view> </view>
<u-loadmore :status="loadStatus" bgColor="#FFFFFF" margin-top="20" margin-bottom="20" v-if="goodsList.length >= pageSize"></u-loadmore> <u-loadmore :status="loadStatus" bgColor="#FFFFFF" margin-top="20" margin-bottom="20" v-if="goodsList.length >= pageSize"></u-loadmore>
@ -189,9 +193,23 @@ export default {
font-size: 28rpx; font-size: 28rpx;
color: rgba(102,102,102,1); color: rgba(102,102,102,1);
} }
// .price {
// font-size: 26rpx;
// color: rgba(255,49,49,1);
// }
.price { .price {
font-size: 26rpx; display: flex;
color: rgba(255,49,49,1); align-items: center;
.present {
font-size: 26rpx;
color: rgba(255,49,49,1);
margin-right: 20rpx;
}
.origin {
text-decoration: line-through;
font-size: 24rpx;
color: #999;
}
} }
} }
} }