1 |
- page{height:100%}.content{height:100%;padding:20rpx}.content .shopbox{background:#fff;border-radius:16rpx}.content .no-data-box{display:flex;flex-direction:column;align-items:center}.content .shopbox-name{padding:30rpx 30rpx 0;font-family:PingFang SC,PingFang SC;font-weight:400;font-size:30rpx;color:#111;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.content .goods-list .item{box-sizing:border-box;height:221rpx;background:#fff;border-radius:16rpx;margin-bottom:20rpx;padding:30rpx;display:flex;align-items:center}.content .goods-list .item:last-child{margin-bottom:0}.content .goods-list .item .goods-img{width:160rpx;height:160rpx;background:#fff;margin-right:30rpx;flex-shrink:0}.content .goods-list .item .info-box{height:160rpx;display:flex;flex-direction:column;justify-content:space-between;width:calc(100% - 255rpx)}.content .goods-list .item .info-box .title-box{width:100%;display:flex;align-items:center}.content .goods-list .item .info-box .title-box .tag{padding:0 6rpx;height:30rpx;line-height:30rpx;font-size:22rpx;font-family:PingFang SC;font-weight:700;color:#fff;background:linear-gradient(90deg,#66b2ef,#0bb3f2);border-radius:4rpx;margin-right:10rpx;flex-shrink:0}.content .goods-list .item .info-box .title-box .title{flex:1;font-size:28rpx;font-family:PingFang SC;font-weight:500;color:#111;line-height:1}.content .goods-list .item .info-box .intro{font-size:24rpx;font-family:PingFang SC;font-weight:500;color:#999;margin-top:22rpx;line-height:1}.content .goods-list .item .info-box .price-num{display:flex;align-items:center;justify-content:space-between}.content .goods-list .item .info-box .price-num .price{display:flex;align-items:flex-end}.content .goods-list .item .info-box .price-num .price .unit{font-size:24rpx;font-family:PingFang SC;font-weight:500;color:#f63;line-height:1.2;margin-right:4rpx}.content .goods-list .item .info-box .price-num .price .text{font-size:32rpx;font-family:PingFang SC;font-weight:700;color:#f63;line-height:1}.content .goods-list .item .info-box .price-num .num-box{display:flex;align-items:center}.content .goods-list .item .info-box .price-num .num-box .img-box{width:60rpx;height:60rpx;border:1px solid #dddddd;display:flex;align-items:center;justify-content:center}.content .goods-list .item .info-box .price-num .num-box .img-box image{width:25rpx;height:25rpx}.content .goods-list .item .info-box .price-num .num-box input{width:60rpx;height:60rpx;line-height:60rpx;font-size:28rpx;font-family:PingFang SC;font-weight:500;color:#111;border-top:1px solid #dddddd;border-bottom:1px solid #dddddd;text-align:center}.content .like-product{padding-bottom:120rpx}.content .btn-foot{box-sizing:border-box;width:100%;height:121rpx;background:#fff;padding:16rpx 30rpx 16rpx 60rpx;display:flex;align-items:center;justify-content:space-between;position:fixed;left:0;bottom:0;z-index:99}.content .btn-foot .left{display:flex;align-items:center}.content .btn-foot .left .text{margin-left:14rpx;font-size:28rpx;font-family:PingFang SC;font-weight:500;color:#666;line-height:1}.content .btn-foot .right{display:flex;align-items:center}.content .btn-foot .right .total{display:flex;align-items:flex-end;margin-right:36rpx}.content .btn-foot .right .total .label{font-size:26rpx;font-family:PingFang SC;font-weight:500;color:#999;line-height:1.5}.content .btn-foot .right .total .price{display:flex;align-items:flex-end}.content .btn-foot .right .total .price .unit{font-size:32rpx;font-family:PingFang SC;font-weight:700;color:#f63;line-height:1.2;margin-right:10rpx}.content .btn-foot .right .total .price .num{font-size:30rpx;font-family:PingFang SC;font-weight:700;color:#f63;line-height:1}.content .btn-foot .right .btn{width:200rpx;height:88rpx;line-height:88rpx;text-align:center;font-size:30rpx;font-family:PingFang SC;font-weight:700;color:#fff;background:#0bb3f2;border-radius:44rpx}
|