微信小程序日记~显示模拟弹窗

漾心安

于 2018-07-24 00:22:15 发布

阅读量471

点赞数

分类专栏： API 文章标签： popup API

本文链接：https://blog.youkuaiyun.com/weixin_42754381/article/details/81177206

版权

API 专栏收录该内容

1 篇文章

订阅专栏

本文介绍了一个使用 wx.showModal 的实例，展示了如何通过设置不同的属性来自定义提示框的内容、样式及交互行为，并通过简单的页面跳转实现了确认与取消选项的功能。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

wx.showModal 常见用法

<!--wxml-->

<view class='kkuang' catchtap='kuang'>来点我一下呗</view>

*/*.js*/
kuang:function(){
    wx.showModal({
      title: '小可爱的提示框',
      content: '小可爱到底可不可爱啊？',
      showCancel:true,
      cancelText:'不是',
      cancelColor: '#ff0000',
      confirmText:'是哒',
      confirmColor:'#00ff00',
      success:function(res){
        if(res.confirm){
          wx.navigateTo({
            url: '../water/water',
          })
        } else if (res.cancel) {
          wx.navigateTo({
            url: '../picture_2/picture_2',
          })
        }
      }
    })
  },

/*wxss*/

.kkuang{
  background-image: url('https://bbs-fd.zol-img.com.cn/t_s2000x2000/g5/M00/0D/0C/ChMkJ1nJNP2IKZUVAABfsM1nV-UAAgyHgBFAYgAAF_I044.jpg');
  background-size: 100%100%;
}