微信小程序自定义控件--dialog

本文介绍了如何在微信小程序中实现自定义dialog控件,包括将dialog文件夹复制到项目目录,引用样式和代码到相应页面,以及如何在页面中使用和查看详细参考示例。

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

github地址:https://github.com/LinweiJ/wega_weapp

二.dialog

1.将/utils/dialog文件夹copy到根目录下的utils

2.copy以下代码 到所需page目录xxx.wxss,或者 多个页面使用,直接导入app.wxss 全局都可使用(建议)

/* 导入dialog样式 */
@import "utils/dialog/dialog.wxss";

3.copy以下代码到所需page目录xxx.wxml

<!-- dialog 对话框 -->
<include src="../../utils/dialog/dialog.wxml" />

4.copy以下代码到所需page目录xxx.js

/**
 * dialog对话框
 */
var dialog = require('../../utils/dialog/dialog.js');

5.使用

 dialog.dialog({
      page: this,
      currentStatu: "open",
      message:"是否拨打客服电话",
      confirmText: '拨打',
      confirmColor: "#00a7e5",
      confirm: function () {
        console.log("confirm");
      }
    })
//参数
 page:页面 (必需)
 currentStatu:状态 'open' 'close' 'confirm'
 message:提示文字
 confirmText:确定键文字
 confirmColor:确定键文字颜色 如"#ff00ff"  rgb(0,0,0)
 confirm:确定键点击事件 
 showCancel:是否显示取消键,默认 true
 canceledOnTouchOutside:蒙层是否可以取消  默认 true,

6.参考

更多细节参考wega_weapp/pages/dialog_demo/

7.源码

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值