微信小程序——小程序自己的页面弹框

Semoon呐

于 2019-03-05 14:54:57 发布

阅读量3.9k

点赞数 2

CC 4.0 BY-SA版权

分类专栏：微信小程序停车场项目文章标签： IT

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

本文介绍了微信小程序中如何创建并使用自定义的页面弹框，包括页面样式的设定和代码实现，帮助开发者理解小程序中弹框的创建过程。

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

微信小程序——小程序自己的页面弹框

1. 页面样式:

在这里插入图片描述

2.代码块

在这里插入代码片
（一）.wxml文件中

给一个触发事件
<image src="../../img/icon-delete.png" bindtap='deleteCar' data-id='{
  
  {car.platecard}}'  class="icon"></image>


（二）.js文件中

触发事件打开弹窗——>具体的业务逻辑
  deleteCar:function(deleteRes){
    let ts = this;
    wx.showModal({
      title: '提示',
      content: '您确认删除该车辆吗？',
      success:function(res){
        if(res.confirm){
          //调用后台接口——解绑——>成功后提示解绑成功，刷新页面
          // console.log('删除')
          // console.log(deleteRes)
          // console.log((deleteRes._relatedInfo.anchorRelatedText + '').slice('5','-1'))
          //调用自己封装的http请求
          e.request('/managementchanel/DeleteCarbind?parkid=' + a.globalData.parkid,
            { usr_num: deleteRes.currentTarget.dataset.id,
              openid:wx.g