@@ -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; | |||||
} | } | ||||