Skip to content

M
mayi-mp-shop
Commit 82e4f016 by HouTiZhuo
Options

弹窗组件优化

parent 94791ce1
Showing with 9 additions and 5 deletions
static/nativeComponents/PopUp/index.wxml
<!--static/nativeComponents/PopUp/index.wxml--> <!--static/nativeComponents/PopUp/index.wxml-->
<view class="pop-up" wx:if="{{domainShow}}"> <view class="pop-up" wx:if="{{domainShow}}">
<view class="shade"></view> <view class="shade"></view>
<view class="content"> <view class="content" style="width:{{datas.componentData.imgWidth ? datas.componentData.imgWidth + '%' : '80%'}};height:{{datas.componentData.imgHeight ? datas.componentData.imgHeight + '%' : 'auto'}}">
<image src="{{img}}" bindtap="onclickHandle" mode="widthFix"></image> <image mode="{{datas.componentData.objectFit == 'cover' ? 'aspectFill' : datas.componentData.objectFit == 'contain' ? 'aspectFit' : 'widthFix'}}" src="{{img}}" bindtap="onclickHandle"></image>
<view class="back {{datas.componentData.backButtonSite=='bottom'?'back-bottom':'back-top'}}" bindtap="backHandle"> <view class="back {{datas.componentData.backButtonSite=='bottom'?'back-bottom':'back-top'}}" bindtap="backHandle">
<em></em> <em></em>
<em></em> <em></em>
</view> </view>
</view> </view>
</view> </view>
static/nativeComponents/PopUp/index.wxss
...@@ -21,9 +21,13 @@ ...@@ -21,9 +21,13 @@
top: 50%; top: 50%;
left: 50%; left: 50%;
transform: translate(-50%, -50%); transform: translate(-50%, -50%);
display: flex;
flex-direction: column;
justify-content: center;
} }
.content image{ .content image{
width: 100% width: 100%;
height: 100%;
} }
.content .back{ .content .back{
width: 48rpx; width: 48rpx;
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment