Home Explore Help
Register Sign In
Kirin
/
shenying
1
0
Fork 0
Files Issues 0 Pull Requests 0 Wiki
Tree: 59b6ad43bc
Branches Tags
shenying
/
public
/
statics
/
mp_view
/
pages
/
index
/
components
/
shortVideo.wxss

shortVideo.wxss 2.5 KB
History Raw

1 
  1. .shortVideo .scroll{white-space:nowrap;display:flex}.shortVideo .nav{width:100%;height:90rpx}.shortVideo .nav .title{font-weight:600;color:#333;font-size:30rpx}.shortVideo .nav .more{font-weight:400;color:#999;font-size:24rpx}.shortVideo .nav .more .iconfont{font-size:24rpx}.shortVideo .list{padding-bottom:1rpx}.shortVideo .list.on{flex-wrap:nowrap;overflow:hidden;padding-bottom:20rpx}.shortVideo .list.on .item{margin-right:24rpx;margin-bottom:0;display:inline-block}.shortVideo .list.on .item:last-of-type{margin-right:0}.shortVideo .list.on .item .pictrue{margin-right:0}.shortVideo .list .item{margin-bottom:40rpx}.shortVideo .list .item .pictrue{width:226rpx;height:300rpx;border-radius:8rpx;position:relative;margin-right:30rpx;border-radius:8rpx}.shortVideo .list .item .pictrue image{width:100%;height:100%;border-radius:8rpx}.shortVideo .list .item .pictrue .like{position:absolute;bottom:0;left:0;font-size:20rpx;font-weight:400;color:#fff;background:linear-gradient(180deg,transparent,rgba(0,0,0,.25));width:226rpx;height:100rpx;padding:0 0 14rpx 14rpx;border-radius:8rpx}.shortVideo .list .item .pictrue .like .iconfont{font-size:24rpx;margin-right:6rpx}.shortVideo .list .item .text{flex:1}.shortVideo .list .item .text .goodsList{margin-top:34rpx;overflow:hidden}.shortVideo .list .item .text .goodsList .pictrue{width:128rpx;height:128rpx;border-radius:6rpx;position:relative;margin-right:24rpx}.shortVideo .list .item .text .goodsList .pictrue:nth-of-type(3n){margin-right:0}.shortVideo .list .item .text .goodsList .pictrue image{width:100%;height:100%;display:block;border-radius:6rpx}.shortVideo .list .item .text .goodsList .pictrue .num{position:absolute;color:#fff;font-size:30rpx;font-weight:400;background:rgba(0,0,0,.3);left:0;top:0;width:100%;height:100%;border-radius:6rpx}.shortVideo .list .item .text .goodsList .pictrue .money{position:absolute;color:#fff;font-size:22rpx;bottom:0;left:0;width:128rpx;height:100rpx;background:linear-gradient(180deg,transparent,rgba(0,0,0,.25));border-radius:6rpx;padding-bottom:6rpx;text-align:center}.shortVideo .list .item .text .conter{height:134rpx}.shortVideo .list .item .text .conter .header{font-weight:500;color:#333;font-size:28rpx}.shortVideo .list .item .text .conter .header .name{flex:1;width:300rpx}.shortVideo .list .item .text .conter .header image{width:36rpx;height:36rpx;border:1px solid #fff;display:block;margin-right:10rpx;border-radius:50%}.shortVideo .list .item .text .conter .info{font-weight:400;color:#666;font-size:24rpx;margin-top:20rpx;height:62rpx}
    2.