微信小程序例子——使用modal组件弹出对话框

最新推荐文章于 2024-08-15 23:03:45 发布

FutrueJet

最新推荐文章于 2024-08-15 23:03:45 发布

阅读量2.8w

点赞数 1

分类专栏：微信小程序开发例子微信小程序开发例子【操作反馈与媒体组件】文章标签： Web前端前端开发互联网微信小程序编程语言

本文链接：https://blog.csdn.net/FutrueJet/article/details/52937832

版权

本文展示了如何在微信小程序中使用modal组件创建对话框，包括index.wxml和index.js的关键代码示例。同时，作者提供了个人微信供读者在遇到问题时咨询，并鼓励对内容给予支持。

摘要由CSDN通过智能技术生成

1、效果展示

2、关键代码

1、index.wxml


   
   
   
    
    
    提示：{
    {tip}}
   
   
   


   
   
   
    
  
    
    
     
     您好，我是modal对话框

2、index.js

Page({
  data:{
    // text:"这是一个页面"
    tip:'',
    buttonDisabled:false,
    modalHidden:true,
    show:false
  },
  showModal:function(){
    this.setData({
      modalHidden:!this.data.modalHidden
    })
  },
  modalBindaconfirm:function(){
     this.setData({
      modalHidden: