微信小程序学习用demo推荐：交互操作控件

柿霖不是林 · 发表于 2017-1-10 18:22:16

[mw_shl_code=html,true]
<view class="viewTitle">
<text class="view-Name">ActionSheet上拉菜单</text>
<view class="lineView"></view>
</view>
<view class="page">
<view class="section section_gap">
   <button type="default" bindtap="actionSheetTap">弹出action sheet</button>
   <action-sheet hidden="{{actionSheetHidden}}" bindchange="actionSheetChange">
      <block wx:for="{{actionSheetItems}}">
      <action-sheet-item class="item" bindtap="bind{{item}}">{{item}}</action-sheet-item>
      </block>
      <action-sheet-cancel class="cancel">取消</action-sheet-cancel>
   </action-sheet>
</view>
</view>

<view class="viewTitle">
<text class="view-Name">AlertAction提示框</text>
<view class="lineView"></view>
</view>
<view class="page">
  <view class="page__bd">
<modal title="温馨提示" confirm-text="确定" cancel-text="取消" hidden="{{modalHidden}}" mask bindconfirm="modalChange" bindcancel="modalChange">
   插入你提醒的信息内容
</modal>

<modal class="modal" hidden="{{modalHidden2}}" no-cancel bindconfirm="modalChange2" bindcancel="modalChange2">
   <view> 没有标题没有取消的对话框 </view>
   <view> 可以自定义提示框 </view>
</modal>

<view class="viewName">
   <button type="default" bindtap="modalTap">点击弹出提示框</button>
   </view>
<view class="viewName">
   <button type="default" bindtap="modalTap2">点击弹出提示框</button>
</view>
  </view>
</view>

<view class="viewTitle">
<text class="view-Name">LoadingAction加载框</text>
<view class="lineView"></view>
</view>
<view class="page">
   <view class="viewName">
      <loading hidden="{{hidden}}" bindchange="loadingChange">
      加载中...
      </loading>
      <button type="default" bindtap="loadingTap">点击弹出loading</button>
   </view>
</view>


<view class="viewTitle">
<text class="view-Name">SuccessAction完成框</text>
<view class="lineView"></view>
</view>
<view class="page">
   <view class="viewName">
      <toast hidden="{{toast1Hidden}}" bindchange="toast1Change">
      默认
      </toast>
      <button type="default" bindtap="toast1Tap">点击弹出默认完成</button>
   </view>
   <view class="viewName">
      <toast hidden="{{toast2Hidden}}" duration="3000" bindchange="toast2Change">
      自定义消失时间
      </toast>
      <button type="default" bindtap="toast2Tap">点击弹出自定义消失时间的完成</button>
   </view>
</view>[/mw_shl_code]

游客，如果您要查看本帖隐藏内容请回复

张宇 · 发表于 2017-1-10 22:37:54

啥也不说了，感谢楼主分享哇！

Ywenli · 发表于 2017-8-16 17:01:09

感谢分享

Avail8888 · 发表于 2018-1-16 17:28:18

学习了

jerry369 · 发表于 2020-4-12 15:55:37

我有流量，你有产品，我们就可以合作，有意的个人开发者朋友可以联系微信号jim20180688，详聊

		自动登录	找回密码
密码			立即注册

微信小程序学习用demo推荐：交互操作控件

本帖子中包含更多资源