scrollBox.wxss 1.5 KB

1234
  1. .index-wrapper{background-color:#fff;margin:20rpx 30rpx;border-radius:12rpx}.text{display:flex}.text .name{font-size:34rpx;font-weight:700}.text .txt-btn{display:flex;align-items:flex-end;margin-bottom:8rpx;margin-left:12rpx}.scroll-product{white-space:nowrap;margin-top:30rpx;padding:0 20rpx 20rpx 20rpx}.scroll-product .item{display:inline-block;margin-right:24rpx;border-radius:0 0 10rpx 10rpx;background:linear-gradient(180deg,hsla(0,0%,100%,0),rgba(255,207,183,.65));color:#ff7e00}.scroll-product .item:nth-of-type(3n){color:#1db0fc;background:linear-gradient(180deg,hsla(0,0%,100%,0),rgba(187,221,255,.65))}.scroll-product .item:nth-of-type(3n-1){color:#ff448f;background:linear-gradient(180deg,hsla(0,0%,100%,0),rgba(253,199,255,.65))}.scroll-product .item:nth-last-child(1){margin-right:0}.scroll-product .item .img-box{width:160rpx;height:160rpx;margin:0 10rpx;border-radius:10px}.scroll-product .item .img-box image{width:100%;height:100%;border-radius:10rpx}.scroll-product .item .img-box ,
  2. .scroll-product .item .img-box image,
  3. .scroll-product .item .img-box .easy-loadimage,
  4. .scroll-product .item .img-box uni-image{width:160rpx;height:160rpx;border-radius:10rpx}.scroll-product .item .pro-info{max-width:180rpx;font-size:24rpx;text-align:center;height:60rpx;line-height:60rpx;border-bottom:0;border-top:0;padding:0 10rpx;font-weight:700}.empty-img{height:300rpx;border-radius:14rpx;margin:26rpx auto 0 auto;background-color:#ccc;text-align:center;line-height:300rpx}.empty-img .iconfont{font-size:50rpx}.more{color:#999;font-size:24rpx}