vant-weapp/example/popup/index.wxml
everywill d1b3cd3472 增加Capsule, Noticebar, Popup;修正Dialog在非最外层情况下引入的样式问题;更新readme。 (#32)
* style: badge上标大小改变更加灵活

* style: panel-title的行高跟随字号

* style: 绝对定位的元素width或height为auto,left,right,top,bottom不为auto时,auto的margin将计算为0,同初始值

* style: 修复作为组件使用时dialog的定位问题

* style: 修正示例

* style: add

* style: capsule

* style: modify readme

* style: add noticebar

* style: modify readme

* style: noticebar优化

* style: add popup

* style: remove

* style: 左右反了...

* style: 通告栏支持同一页面多个

* style: 独立管理不同noticebar的动画数据
2017-10-01 23:39:53 +08:00

31 lines
809 B
Plaintext

<view class="container">
<view class="doc-title">POPUP</view>
<view class="zan-btns" style="margin-top: 30vh;">
<button class="zan-btn" bindtap="toggleLeftPopup">
从左边弹出popup
</button>
<button class="zan-btn" bindtap="toggleRightPopup">
从右边弹出popup
</button>
</view>
<view class="zan-popup zan-popup--left {{ showLeftPopup ? 'zan-popup--show' : ''}}">
<view style="padding: 15px;">
<button class="zan-btn" bindtap="toggleLeftPopup">
关闭 popup
</button>
</view>
</view>
<view class="zan-popup zan-popup--right {{ showRightPopup ? 'zan-popup--show' : ''}}">
<view style="padding: 15px;">
<button class="zan-btn" bindtap="toggleRightPopup">
关闭 popup
</button>
</view>
</view>
</view>