微信小程序：重写微信提示框+自定义提示框

最新推荐文章于 2025-04-23 07:30:00 发布

Semoon呐

最新推荐文章于 2025-04-23 07:30:00 发布

阅读量2.7k

点赞数 2

分类专栏：微信小程序

本文链接：https://blog.youkuaiyun.com/weixin_43974907/article/details/95027386

版权

该博客探讨了两种方法来改变微信小程序中的提示框。首先介绍了如何修改默认微信提示框的按钮内容，接着详细讲解了如何创建自定义提示框，并提供了相应的wxml和wxss文件代码片段。

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

第一种：修改微信提示框按钮的内容

wx.showModal({
            title: '提示',
            content: '您已开通微信无感，享受“先出场，后支付”的权益',
            showCancel: true, //是否显示取消按钮-----》false去掉取消按钮
            cancelText: "", //默认是“取消”
            cancelColor: 'black', //取消文字的颜色
           confirmText: "直接出场", //默认是“确定”
            confirmColor: 'black', //确定文字的颜色
           success: function (res) {
              if (res.cancel) {//点击取消  
                ts.prepay(payRes)
              } else if (res.confirm) {//点击确定
                console.log("点击了取消")
              }
           }
         })

第二种：自定义提示框

wxml文件

<view class="modal" wx:if="{
  {modal}}">
        <view class="mask"></view>
        <view class="gopay_tip">
          <view style='padding-top:16rpx'>
            <text