Files
mp-weixin-2285-xcx.aigc-qui…/components/ns-goods-sku/ns-goods-sku.wxss
2025-12-20 08:34:16 +08:00

1 line
3.4 KiB
Plaintext

.sku-info{max-height:75vh;height:45vh;position:relative;z-index:999}.sku-info .header{padding:30rpx 30rpx 20rpx 210rpx;position:relative;border-bottom:2rpx solid #eee;min-height:170rpx}.sku-info .header .img-wrap{width:160rpx;height:160rpx;position:absolute;left:20rpx;border-radius:10rpx;overflow:hidden;padding:2rpx;background-color:#fff;line-height:208rpx}.sku-info .header .img-wrap image{width:inherit;height:inherit}.sku-info .main{font-size:24rpx;line-height:40rpx;padding-right:40rpx}.sku-info .main .price-wrap{font-weight:700}.sku-info .main .price-wrap .unit{margin-right:4rpx}.sku-info .main .stock{font-size:24rpx;color:#909399;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;height:70rpx;overflow:hidden}.sku-info .main .price{word-wrap:break-word}.sku-info .main .sku-name{display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden;height:42rpx}.sku-info .main .sku-name .spec-value::after{content:"/"}.sku-info .main .sku-name .spec-value:last-child::after{content:""}.sku-info .sku-close{position:absolute;top:20rpx;right:40rpx;width:40rpx;height:80rpx;font-size:40rpx}.body-item{padding:0 30rpx;height:calc(100% - 360rpx);box-sizing:border-box;overflow:scroll}.body-item .wrap{height:calc(100% - 60rpx)}.body-item .sku-list-wrap{padding-bottom:0rpx}.body-item .sku-list-wrap .title{padding:20rpx 0;display:block}.body-item .sku-list-wrap .items{position:relative;display:inline-block;border:2rpx solid #eee;padding:4rpx 30rpx;border-radius:8rpx;margin:0 20rpx 20rpx 0;background-color:#fff;font-size:24rpx}.body-item .sku-list-wrap .selected{color:var(--base-color);border-color:var(--base-color)}.body-item .sku-list-wrap .items.disabled{border:2rpx dashed}.body-item .sku-list-wrap .items image{height:44rpx;width:44rpx;border-radius:10rpx;margin-right:10rpx;display:inline-block;vertical-align:middle}.body-item .number-wrap .number-line{padding:20rpx 0;line-height:72rpx;display:flex}.body-item .number-wrap .title{font-weight:400}.body-item .number-wrap .number{display:flex;height:72rpx;border-radius:6rpx;float:right;justify-content:flex-end;flex:1}.body-item .number-wrap .number button{display:inline-block;line-height:64rpx;height:68rpx;width:60rpx;font-size:48rpx;box-sizing:initial;border:2rpx solid #eee;padding:0;margin:0;border-radius:0;background-color:#fff!important}.body-item .number-wrap .number button.disabled{background:#f7f7f7!important}.body-item .number-wrap .number button.decrease{border-right-width:0!important}.body-item .number-wrap .number button.increase{border-left:0!important}.body-item .number-wrap .number button:after{border-radius:0;border:none}.body-item .number-wrap .number input{display:inline-block;line-height:64rpx;height:68rpx;min-width:90rpx;text-align:center;font-weight:700;border:2rpx solid;margin:0;vertical-align:top;background-color:#f8f8f8!important;flex:0;padding:0 5px}.footer{height:100rpx;width:100%;position:absolute;bottom:30rpx;bottom:calc(30rpx + constant(safe-area-inset-bottom));bottom:calc(30rpx + env(safe-area-inset-bottom));color:#fff;z-index:1;display:flex;justify-content:center;align-items:flex-start}.footer button{width:100%;height:80rpx;background-color:var(--goods-btn-color);font-weight:700;border:none}.presale-stock{height:auto!important}.balance{margin-left:10rpx;display:inline-block;line-height:1.3;font-size:24rpx}.balance text{font-weight:400}.balance .unit{margin-right:0!important}