创建微服务:microservice-provider-shop-8003;小程序商品列表筛选、商品详情完成
This commit is contained in:
68
weixin-miniprogram/pages/shop/goodDetail.wxss
Normal file
68
weixin-miniprogram/pages/shop/goodDetail.wxss
Normal file
@@ -0,0 +1,68 @@
|
||||
/* pages/shop/goodDetail.wxss */
|
||||
.good-image {
|
||||
width: 100%;
|
||||
height: 100vw;
|
||||
}
|
||||
|
||||
.good-detail {
|
||||
padding: 5px 18px;
|
||||
}
|
||||
|
||||
/* 商品价格 */
|
||||
.good-price {
|
||||
white-space: nowrap;
|
||||
font-weight: 700;
|
||||
margin: 0;
|
||||
display: inline;
|
||||
position: relative;
|
||||
}
|
||||
|
||||
.good-price-counter {
|
||||
color: #fa4126;
|
||||
font-size: 72rpx;
|
||||
}
|
||||
|
||||
.good-price-retail {
|
||||
color: #bbbbbb;
|
||||
font-size: 32rpx;
|
||||
margin: 0 0 0 18rpx;
|
||||
font-weight: 500;
|
||||
}
|
||||
|
||||
.good-price-counter .good-price-symbol {
|
||||
font-size: 36rpx;
|
||||
display: inline;
|
||||
margin-right: 6rpx;
|
||||
}
|
||||
|
||||
.good-price-retail .good-price-symbol {
|
||||
font-size: 24rpx;
|
||||
display: inline;
|
||||
}
|
||||
|
||||
.good-price .good-price-number {
|
||||
display: inline;
|
||||
}
|
||||
|
||||
.good-price .good-price-line {
|
||||
position: absolute;
|
||||
top: 50%;
|
||||
left: 0;
|
||||
right: 0;
|
||||
transform: translateY(-50%);
|
||||
margin: 0;
|
||||
background-color: currentColor;
|
||||
}
|
||||
|
||||
/* 商品标题 */
|
||||
.good-title {
|
||||
width: 600rpx;
|
||||
font-weight: 500;
|
||||
display: -webkit-box;
|
||||
-webkit-box-orient: vertical;
|
||||
-webkit-line-clamp: 2;
|
||||
overflow: hidden;
|
||||
font-size: 32rpx;
|
||||
word-break: break-all;
|
||||
color: #333333;
|
||||
}
|
Reference in New Issue
Block a user