1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374757677787980818283848586878889909192 |
- /* pages/livehome/livehome.wxss */
- .live-list-box{
- padding: 20rpx;
- }
- .live-list::after{
- content: '';
- display: block;
- clear: both;
- }
- .live-list{
- position: relative;
- width: 100%;
- height: 500rpx;
- box-shadow: 0 5rpx 20rpx rgba(0,0,0,0.3);
- margin-bottom: 20rpx;
- }
- .goods-bg{
- position: absolute;
- top: 0;
- left: 0;
- width: 100%;
- height: 100%;
- }
- .goods-bg image{
- width: 100%;
- height: 100%;
- background: #f1f1f1;
- }
- .goods-info{
- position: absolute;
- top: 0;
- left: 0;
- width: 100%;
- height: 100%;
- background: linear-gradient(rgba(0,0,0,0),rgba(0,0,0,0),rgba(0,0,0,0.3));
- }
- .goods-state{
- position: absolute;
- top: 30rpx;
- background: #666;
- padding-right: 20rpx;
- border-top-right-radius: 26rpx;
- border-bottom-right-radius: 26rpx;
- }
- .goods-state view{
- float: left;
- font-size:24rpx;
- color: #fff;
- }
- .goods-state .goods-state-left{
- background: #e22;
- padding: 10rpx 20rpx;
- }
- .goods-state-left image{
- float: left;
- height: 30rpx;
- width: 30rpx;
- margin-right: 8rpx;
- }
- .goods-state-left text{
- float: left;
- display: block;
- }
- .goods-state .goods-state-right{
- padding: 10rpx 20rpx;
- }
- .goods-title{
- padding: 0 20rpx;
- position: absolute;
- left: 0;
- bottom: 20rpx;
- }
- .goods-title text{
- color: #fff;
- display: block;
- }
- .goods-intro{
- font-size: 28rpx;
- }
- .goods-name{
- text-align: center;
- }
- .auctioneer{
- position: absolute;
- top: 90rpx;
- padding: 0 20rpx;
- background: rgba(0, 0, 0, 0.3)
- }
- .auctioneer text{
- font-size: 28rpx;
- color: #fff;
- }
|