yuminge-app/yun-min-program-plugin-master/mycomponent/yz_specsV2/yz_specs.wxss

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%;
}