2 lines
3.0 KiB
Plaintext
2 lines
3.0 KiB
Plaintext
.content{width:100%;height:100%;display:flex;flex-direction:column;background-color:#f7f7f7}.title{width:100%;display:flex;justify-content:center;align-items:center;font-size:32.44rpx;font-weight:600;position:absolute;bottom:30rpx}.top{width:688.94rpx;height:325.38rpx;margin:34rpx auto;display:flex;flex-direction:row;justify-content:space-between}.top .item{width:216.31rpx;height:100%;background-color:#fff;border-radius:15.27rpx;display:flex;flex-direction:column;box-shadow:0 2rpx 10rpx rgba(0,0,0,.05);transition:transform .3s}.top .item:active{transform:scale(.98)}.top .img{width:100%;height:216.31rpx;background-color:#f2f2f2;border-radius:15.27rpx 15.27rpx 0rpx 0rpx;overflow:hidden}.top .img .product-image{width:100%;height:100%}.top .item-info{width:100%;height:109.07rpx;position:relative;padding:8rpx;box-sizing:border-box}.top .item-name{width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:19.08rpx;color:#333;text-align:center;margin-top:6rpx}.top .item-bottom{position:absolute;width:100%;bottom:12rpx;left:0;padding:0 13rpx;box-sizing:border-box;display:flex;justify-content:space-between}.top .item-price{display:flex;flex-direction:row;align-items:center}.top .price-symbol-small{font-size:15.27rpx;margin-top:6rpx;color:#ff6a6a}.top .price-value-small{font-size:22.9rpx;font-weight:700;color:#ff6a6a}.top .item-count{display:flex;flex-direction:row;align-items:center}.top .count-text-small{font-size:15.27rpx;color:#6c6c6c}.top .box-icon-small{width:17.39rpx;height:17.39rpx;margin-left:7rpx}.view-list{width:688.93rpx;height:850rpx;margin:0 auto}.product-item{width:100%;height:261.45rpx;background-color:#fff;margin-bottom:21rpx;border-radius:15.27rpx;position:relative;box-shadow:0 2rpx 10rpx rgba(0,0,0,.05);transition:transform .3s}.product-item:active{transform:scale(.98)}.product-image-container{width:216.31rpx;height:216.31rpx;background-color:#f2f2f2;border-radius:15.27rpx;position:absolute;left:22rpx;top:22rpx;overflow:hidden}.product-image-container .product-image{width:100%;height:100%}.product-name{width:350rpx;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;position:absolute;left:269rpx;top:44rpx;font-size:26.72rpx;font-weight:600;color:#333}.product-count{position:absolute;display:flex;flex-direction:row;left:269rpx;top:95rpx;align-items:center}.product-count .count-text{font-size:15.27rpx;color:#6c6c6c}.product-count .box-icon{width:17.39rpx;height:17.39rpx;margin-left:7rpx}.product-price{position:absolute;display:flex;flex-direction:row;left:269rpx;bottom:44rpx;align-items:center}.product-price .price-symbol{font-size:19.08rpx;margin-top:15rpx;color:#ff6a6a}.product-price .price-value{font-size:34.35rpx;font-weight:700;color:#ff6a6a}.buy-button{width:89.22rpx;height:42rpx;border-radius:20.99rpx;border:1rpx solid #FF6A6A;background-color:#fff;display:flex;align-items:center;justify-content:center;position:absolute;right:38rpx;bottom:38rpx;transition:all .3s}.buy-button:active{background-color:#ff6a6a}.buy-button:active .buy-text{color:#fff}.buy-button .buy-text{font-size:19.08rpx;color:#ff6a6a;font-weight:500}
|