Browse Source

修改样式

master
xh-pan1 11 months ago
parent
commit
3111fd4147
  1. 46
      components/canvasShow/basics/classifyHeader/app/index.vue

46
components/canvasShow/basics/classifyHeader/app/index.vue

@ -28,6 +28,7 @@
<label class="product-star-text">3.5</label>
</div>
<div class="product-sku-row">
<label class="product-sku-name">规格</label>
</div>
<div class="product-price-row">
<div class="price-warp">
@ -55,7 +56,11 @@
<!-- <div class="original-price">-->
<!-- ¥ {{item.originalPrice}}-->
<!-- </div>-->
</div>
<image class="product-add" src="https://wechat.hnthee.com/ceres-local-file/image/icon_add.png"></image>
</div>
</div>
</div>
@ -285,25 +290,57 @@ export default {
height: 28upx;
line-height: 28upx;
margin-top: 15upx;
display: flex;
flex-direction: row;
flex-wrap: nowrap;
align-content: center;
justify-content: flex-start;
align-items: center;
.product-sku-name{
font-size: 24rpx;
font-family: Source Han Sans CN;
font-weight: 400;
color: #90919C;
margin-left: 30upx;
}
}
.product-price-row{
width: 100%;
height: 76upx;
line-height: 76upx;
display: flex;
flex-direction: row;
flex-wrap: nowrap;
align-content: center;
justify-content: flex-start;
align-items: center;
.price-warp{
display: flex;
justify-content: center;
align-items: center;
line-height: 28upx;
margin-left: 30upx;
display: flex;
justify-content: flex-start;
align-items: center;
line-height: 14px;
margin-left: 15px;
width: 100%;
flex-direction: row;
flex-wrap: nowrap;
width: 100%;
.iconImg {
width: 58rpx;
height: 36rpx;
margin-right: 10rpx;
}
.price{
color: #C83732;
font-size: 20upx;
font-size: 28rpx;
font-family: Source Han Sans CN;
font-weight: bold;
color: #252744;
margin-right: 10upx;
}
.original-price{
@ -311,6 +348,11 @@ export default {
color: #ccc;
text-decoration: line-through;
}
}
.product-add{
width: 76upx;
height: 76upx;
}
}

Loading…
Cancel
Save