zoukankan      html  css  js  c++  java
  • 微信小程序点击按钮 弹出底部上拉菜单

    //index.wxml
    
    <button type="default" bindtap="actionSheetTap">弹出action sheet</button>
    <action-sheet hidden="{{actionSheetHidden}}" bindchange="actionSheetbindchange">
        <block wx:for-items="{{actionSheetItems}}">
            <action-sheet-item bindtap="bind{{item.bindtap}}">{{item.txt}}</action-sheet-item>
        </block>
        <action-sheet-cancel class="cancel">取消</action-sheet-cancel>
    </action-sheet>
    <view>
        提示:您选择了菜单{{menu}}
    </view>
    //index.js
    
    Page({
      data:{
        // text:"这是一个页面"
        actionSheetHidden:true,
        actionSheetItems:[
          {bindtap:'Menu1',txt:'菜单1'},
          {bindtap:'Menu2',txt:'菜单2'},
          {bindtap:'Menu3',txt:'菜单3'}
        ],
        menu:''
      },
      actionSheetTap:function(){
        this.setData({
          actionSheetHidden:!this.data.actionSheetHidden
        })
      },
      actionSheetbindchange:function(){
        this.setData({
          actionSheetHidden:!this.data.actionSheetHidden
        })
      },
      bindMenu1:function(){
        this.setData({
          menu:1,
          actionSheetHidden:!this.data.actionSheetHidden
        })
      },
      bindMenu2:function(){
        this.setData({
          menu:2,
          actionSheetHidden:!this.data.actionSheetHidden
        })
      },
      bindMenu3:function(){
        this.setData({
          menu:3,
          actionSheetHidden:!this.data.actionSheetHidden
        })
      }
    })
  • 相关阅读:
    Httpclient请求数据(post)
    实现定位(无基本地图)
    Httpclient请求数据
    带参数路径的刷新和加载
    AsyncTask异步交互和httpurlconnection结合使用
    判断网络状态
    Android数字签名
    app加固
    定位和xml解析和gson解析加上拉加载,下拉刷新
    下载app后自动安装程序
  • 原文地址:https://www.cnblogs.com/panlaixing/p/6744035.html
Copyright © 2011-2022 走看看