| @@ -19,10 +19,11 @@ | |||||
| <view class='section' wx:for='{{list}}' wx:key="index"> | <view class='section' wx:for='{{list}}' wx:key="index"> | ||||
| <!-- <view class='mms' style='background:{{item.background}}'> --> | <!-- <view class='mms' style='background:{{item.background}}'> --> | ||||
| <view class='mms'> | |||||
| <view class="gray-bg"></view> | |||||
| <image class="cover-img" src="{{item.coverImg}}" /> | |||||
| <image src="{{canTransferred}}" wx-if='{{item.supportTransfer==1&&!item.showImg}}' class='cantransferred' mode="aspectFill" /> | |||||
| <view class='mms'> | |||||
| <view class="gray-bg" style="background-image: url({{item.coverImg}});"></view> | |||||
| <!-- <image class="cover-img" src="{{item.coverImg}}" /> --> | |||||
| <view class="cover-img" > </view> | |||||
| <image src="{{canTransferred}}" wx-if='{{item.supportTransfer==1&&!item.showImg}}' class='cantransferred' mode="aspectFill" /> | |||||
| <view class='detail_msg'> | <view class='detail_msg'> | ||||
| <view class='info'> | <view class='info'> | ||||
| <view class='clearfix' data-id='{{item.id}}' data-showImg='{{item.showImg? "0":"1"}}' bindtap='gotoConsumeDetail'> | <view class='clearfix' data-id='{{item.id}}' data-showImg='{{item.showImg? "0":"1"}}' bindtap='gotoConsumeDetail'> | ||||
| @@ -51,6 +52,7 @@ | |||||
| </view> | </view> | ||||
| </view> | </view> | ||||
| </view> | </view> | ||||
| </view> | </view> | ||||
| <view class="loading" wx:if="{{loading}}"> | <view class="loading" wx:if="{{loading}}"> | ||||
| @@ -28,6 +28,7 @@ | |||||
| padding: 20rpx 0; | padding: 20rpx 0; | ||||
| border-radius: 16rpx; | border-radius: 16rpx; | ||||
| background: #fff; | background: #fff; | ||||
| /* background-color: rgba(0,0,0,0.3); */ | |||||
| } | } | ||||
| .mms { | .mms { | ||||
| @@ -39,13 +40,18 @@ | |||||
| box-shadow: 0 6px 20px 0 rgba(0, 0, 0, 0.10); | box-shadow: 0 6px 20px 0 rgba(0, 0, 0, 0.10); | ||||
| } | } | ||||
| .cover-img { | .cover-img { | ||||
| position: absolute; | position: absolute; | ||||
| left: 0; | left: 0; | ||||
| top: 0; | top: 0; | ||||
| width: 100%; | width: 100%; | ||||
| height: 100%; | height: 100%; | ||||
| background-color: rgba(0,0,0,0.3); | |||||
| z-index: 0; | z-index: 0; | ||||
| border-radius: 12px; | |||||
| border-radius: 20px solid red; | |||||
| /* object-fit:contain */ | |||||
| } | } | ||||
| .gray-bg { | .gray-bg { | ||||
| @@ -55,7 +61,11 @@ | |||||
| left: 0; | left: 0; | ||||
| top: 0; | top: 0; | ||||
| z-index: 10; | z-index: 10; | ||||
| background: rgba(0,0,0,.7); | |||||
| background-color: rgba(0,0,0,.7); | |||||
| /* background: rgba(0,0,0,.7); */ | |||||
| border-radius: 12px; | |||||
| border-radius: 20px solid red; | |||||
| background-size: cover; | |||||
| } | } | ||||
| .yu { | .yu { | ||||
| @@ -336,4 +346,9 @@ button::after{ border: none; } | |||||
| position: absolute; | position: absolute; | ||||
| left: 0; | left: 0; | ||||
| z-index: 100; | z-index: 100; | ||||
| height: 100%; | |||||
| background-color: rgba(0,0,0,0.7); | |||||
| border-radius: 12rpx; | |||||
| } | } | ||||