调整首页全部拼团样式

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

View File

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

View File

@ -17,7 +17,11 @@
<view class="right">
<view class="name u-line-1">{{ goods.goods_name }}</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>
<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;
color: rgba(102,102,102,1);
}
// .price {
// font-size: 26rpx;
// color: rgba(255,49,49,1);
// }
.price {
font-size: 26rpx;
color: rgba(255,49,49,1);
display: flex;
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;
}
}
}
}