256 lines
4.6 KiB
Plaintext
256 lines
4.6 KiB
Plaintext
/* packageI/groupWork/components/yz_specsV2/yz_specs.wxss */
|
|
.yz_specs .noVantRadio .van-radio-group {
|
|
display: flex;
|
|
flex-wrap: wrap;
|
|
}
|
|
|
|
.yz_specs .noVantRadio .van-radio-group .van-radio {
|
|
margin-right: 0.3125rem;
|
|
margin-bottom: 0.3125rem;
|
|
background: #fff;
|
|
border: 1px solid #fb4a4a;
|
|
text-align: center;
|
|
box-sizing: border-box;
|
|
border-radius: 0.25rem;
|
|
color: #fb4a4a;
|
|
}
|
|
|
|
.yz_specs .sku-body-box {
|
|
max-height: 45vh;
|
|
overflow-y: scroll;
|
|
}
|
|
|
|
.yz_specs .shopinfoContent {
|
|
overflow-y: auto;
|
|
max-height: 450rpx;
|
|
}
|
|
|
|
.yz_specs .shopinfo {
|
|
text-align: left;
|
|
padding-left: 20rpx;
|
|
margin: 20rpx 0;
|
|
|
|
/* max-height: 200rpx;
|
|
overflow: scroll; */
|
|
}
|
|
|
|
.yz_specs .shopinfo .dl .dt {
|
|
margin-bottom: 10rpx;
|
|
}
|
|
|
|
.yz_specs .shopinfo .dl .dd {
|
|
margin-bottom: 10rpx;
|
|
display: flex;
|
|
flex-wrap: wrap;
|
|
}
|
|
|
|
.yz_specs .shopinfo .dl .dd .spec {
|
|
border: 1px solid #bfcbd9;
|
|
padding: 10rpx;
|
|
min-width: 50rpx;
|
|
border-radius: 6rpx;
|
|
margin-right: 10rpx;
|
|
margin-bottom: 10rpx;
|
|
text-align: center;
|
|
}
|
|
|
|
.yz_specs .shopinfo .dl .dd .spec.sele {
|
|
background-color: #f15353;
|
|
border-color: #f15353;
|
|
color: #fff;
|
|
}
|
|
|
|
.yz_specs .shopinfo .dl .dd .spec.disab {
|
|
opacity: 0.5;
|
|
}
|
|
|
|
.yz_specs .subbtn {
|
|
line-height: 100rpx;
|
|
width: 94%;
|
|
border-radius: 10rpx;
|
|
margin: 0 auto 10rpx auto;
|
|
text-align: center;
|
|
background: #ee0a24;
|
|
color: #fff;
|
|
font-size: 30rpx;
|
|
}
|
|
|
|
.yz_specs .sku_price {
|
|
position: fixed;
|
|
bottom: 20px;
|
|
font-size: 1rem;
|
|
color: #fff;
|
|
width: 100%;
|
|
left: 0;
|
|
text-align: center;
|
|
}
|
|
|
|
.yz_specs .specifications {
|
|
position: relative;
|
|
width: 100%;
|
|
text-align: center;
|
|
}
|
|
|
|
.yz_specs .specifications .shopimg {
|
|
display: flex;
|
|
}
|
|
|
|
.yz_specs .specifications .shopimg .chooser_img {
|
|
width: 4.75rem;
|
|
height: 4.75rem;
|
|
margin: 0.875rem;
|
|
}
|
|
|
|
.yz_specs .specifications .shopimg .chooser_img image {
|
|
width: 100%;
|
|
height: 100%;
|
|
object-fit: cover;
|
|
border-radius: 0.375rem;
|
|
}
|
|
|
|
.yz_specs .specifications .shopimg .right {
|
|
text-align: left;
|
|
flex: 1;
|
|
margin: 0.875rem 0;
|
|
}
|
|
|
|
.yz_specs .specifications .shopimg .right .price {
|
|
color: #f15353;
|
|
font-size: 12px;
|
|
line-height: 1.875rem;
|
|
height: 1.875rem;
|
|
overflow: hidden;
|
|
display: flex;
|
|
}
|
|
|
|
.yz_specs .specifications .shopimg .right .price view {
|
|
font-size: 18px;
|
|
}
|
|
|
|
.yz_specs .specifications .shopimg .right .option {
|
|
color: #999;
|
|
font-size: 10px;
|
|
line-height: 1rem;
|
|
height: 1rem;
|
|
overflow: hidden;
|
|
}
|
|
|
|
.yz_specs .specifications .el-radio-button,
|
|
.yz_specs .specifications .el-radio-button__inner {
|
|
margin-right: 0.3125rem;
|
|
margin-bottom: 0.3125rem;
|
|
}
|
|
|
|
.yz_specs .specifications .el-radio-group .el-radio-button .el-radio-button__inner {
|
|
border-radius: 0.25rem;
|
|
}
|
|
|
|
.yz_specs .specifications .el-radio-button--small .el-radio-button__inner {
|
|
background: red;
|
|
}
|
|
|
|
.yz_specs .specifications .num {
|
|
margin-top: 1rem;
|
|
border-radius: 0.1875rem;
|
|
float: right;
|
|
background-color: #fff;
|
|
}
|
|
|
|
.yz_specs .specifications .num .leftnav {
|
|
height: 1.75rem;
|
|
width: 1.75rem;
|
|
float: left;
|
|
background-color: #f2f2f2;
|
|
color: #999;
|
|
text-align: center;
|
|
border-radius: 0.1875rem;
|
|
line-height: 1.75rem;
|
|
font-size: 18px;
|
|
font-weight: bold;
|
|
}
|
|
|
|
.yz_specs .specifications .num .shownum {
|
|
height: 1.75rem;
|
|
width: 2.25rem;
|
|
float: left;
|
|
border: 0;
|
|
margin: 0px 8px;
|
|
padding: 0;
|
|
text-align: center;
|
|
color: #333;
|
|
}
|
|
|
|
.yz_specs .specifications .num .rightnav {
|
|
height: 1.75rem;
|
|
width: 1.75rem;
|
|
float: right;
|
|
background-color: #f2f2f2;
|
|
color: #999;
|
|
text-align: center;
|
|
border-radius: 0.1875rem;
|
|
line-height: 1.75rem;
|
|
font-size: 18px;
|
|
font-weight: bold;
|
|
}
|
|
|
|
.yz_specs .specifications .el-row {
|
|
border-top: solid 0.0625rem #f2f2f2;
|
|
border-bottom: solid 0.0625rem #f2f2f2;
|
|
margin: 1.25rem 0.875rem;
|
|
padding: 0;
|
|
font-size: 14px;
|
|
display: flex;
|
|
justify-content: space-between;
|
|
}
|
|
|
|
.yz_specs .specifications .el-row .num {
|
|
height: 3.75rem;
|
|
line-height: 3.75rem;
|
|
text-align: left;
|
|
}
|
|
|
|
.yz_specs .specifications .van-row {
|
|
margin: 1.25rem 0.875rem;
|
|
padding: 0;
|
|
font-size: 14px;
|
|
display: flex;
|
|
justify-content: space-between;
|
|
align-items: center;
|
|
}
|
|
|
|
.yz_specs .specifications .van-row .num {
|
|
line-height: 2.75rem;
|
|
text-align: left;
|
|
flex: 1;
|
|
}
|
|
|
|
.yz_specs .specifications .icon_close {
|
|
position: absolute;
|
|
top: 0;
|
|
right: 0;
|
|
width: 2.5rem;
|
|
height: 2.5rem;
|
|
}
|
|
|
|
.yz_specs .specifications .icon_close i {
|
|
line-height: 2.5rem;
|
|
font-size: 1.125rem;
|
|
color: #999;
|
|
}
|
|
|
|
.yz_specs .sku-buy-btn-style {
|
|
padding: 0.375rem 0.875rem;
|
|
|
|
/* display: flex;
|
|
justify-content: center; */
|
|
width: 100%;
|
|
box-sizing: border-box;
|
|
}
|
|
|
|
.yz_specs .btsmall {
|
|
border-radius: 0.375rem;
|
|
height: 3.0625rem;
|
|
font-size: 16px;
|
|
width: 100%;
|
|
}
|