49 lines
1.6 KiB
Plaintext
49 lines
1.6 KiB
Plaintext
|
<view class="content">
|
||
|
|
|
||
|
|
<view class="title">弹出位置</view>
|
||
|
|
<view class="box">
|
||
|
|
<button class="btn" bindtap="popup" data-position="right">右侧弹出</button>
|
||
|
|
<button class="btn" bindtap="popup" data-position="top">顶部弹出</button>
|
||
|
|
<button class="btn" bindtap="popup" data-position="bottom">底部弹出</button>
|
||
|
|
<button class="btn" bindtap="popup" data-position="center">中央弹出</button>
|
||
|
|
</view>
|
||
|
|
|
||
|
|
|
||
|
|
<view class="title">弹窗圆角</view>
|
||
|
|
<view class="box">
|
||
|
|
<button class="btn" bindtap="changeRound">设置{{round ? '直角' : '圆角'}}</button>
|
||
|
|
</view>
|
||
|
|
|
||
|
|
<view class="title">遮罩层</view>
|
||
|
|
<view class="box">
|
||
|
|
<button class="btn" bindtap="changeOverlay">设置{{overlay ? '无' : '有'}}遮罩</button>
|
||
|
|
<button class="btn" bindtap="changeOverlayStyle" data-type="black">黑色半透明遮罩</button>
|
||
|
|
<button class="btn" bindtap="changeOverlayStyle" data-type="white">白色半透明遮罩</button>
|
||
|
|
<button class="btn" bindtap="changeOverlayStyle" data-type="blur">模糊遮罩</button>
|
||
|
|
|
||
|
|
</view>
|
||
|
|
|
||
|
|
|
||
|
|
<page-container
|
||
|
|
show="{{show}}"
|
||
|
|
round="{{round}}"
|
||
|
|
overlay="{{overlay}}"
|
||
|
|
duration="{{duration}}"
|
||
|
|
position="{{position}}"
|
||
|
|
close-on-slide-down="{{true}}"
|
||
|
|
bindbeforeenter="onBeforeEnter"
|
||
|
|
bindenter="onEnter"
|
||
|
|
bindafterenter="onAfterEnter"
|
||
|
|
bindbeforeleave="onBeforeLeave"
|
||
|
|
bindleave="onLeave"
|
||
|
|
bindafterleave="onAfterLeave"
|
||
|
|
bindclickoverlay="onClickOverlay"
|
||
|
|
custom-style="{{customStyle}}"
|
||
|
|
overlay-style="{{overlayStyle}}"
|
||
|
|
>
|
||
|
|
<view class="detail-page">
|
||
|
|
<button type="primary" bindtap="exit">推出</button>
|
||
|
|
</view>
|
||
|
|
</page-container>
|
||
|
|
</view>
|