弹出菜单--模态框

index.wxml

1
2
3
4
<!--index.wxml-->
<view class="container">
  <button type="primary" bindtap="btnToDo">click me....</button>
</view>

  index.js

复制代码
//index.js
Page({
  data: {

  },

  btnToDo: function () {
    // 当点击按钮触发
    // console.log(1111)
    // 交互操作组件 必须通过调用API方式使用
    // wx.showActionSheet({
    //   // 显示出来的项目列表
    //   itemList: ['传智播客', '黑马程序员', '博学谷在线', '酷丁鱼'],
    //   // 点击其中任一项的回调
    //   success: function (res) {
    //     // res.cancel 指的是是否点击了取消
    //     if (!res.cancel) {
    //       // tapIndex指的是点击的下标
    //       console.log(res.tapIndex)
    //     }
    //   }
    // })

    // wx.showModal({
    //   title: '提示',
    //   content: '这是一个模态弹窗',
    //   success: function(res) {
    //     if (res.confirm) {
    //       console.log('用户点击确定')
    //     }
    //   }
    // })

    // wx.showToast({
    //   title: '成功',
    //   // 只支持 success 和 loading
    //   icon: 'loading',
    //   duration: 2000
    // })
  }
})
复制代码

 

posted @   小白咚  阅读(493)  评论(0编辑  收藏  举报
编辑推荐:
· AI与.NET技术实操系列(二):开始使用ML.NET
· 记一次.NET内存居高不下排查解决与启示
· 探究高空视频全景AR技术的实现原理
· 理解Rust引用及其生命周期标识(上)
· 浏览器原生「磁吸」效果!Anchor Positioning 锚点定位神器解析
阅读排行:
· DeepSeek 开源周回顾「GitHub 热点速览」
· 物流快递公司核心技术能力-地址解析分单基础技术分享
· .NET 10首个预览版发布:重大改进与新特性概览!
· AI与.NET技术实操系列(二):开始使用ML.NET
· 单线程的Redis速度为什么快?
点击右上角即可分享
微信分享提示