钉钉小程序组件之自定义模态框(弹窗封装实现)

背景

开发钉钉小程序中需要用到模态框 文档里也没有 自己搞一个…

效果大概长这个样
小程序模态框效果展示
点击指定按钮,弹出模态框,里面的内容可以自定义,可以是简单的文字提示,也可以输入框等复杂布局。操作完点击取消或确定关闭。

开始封装

modal文件
上图所示文件内容放入项目即可 (路径自己高兴着来)

modal.js

内容不多 但都是精华

	
	/**
	 * 自定义modal浮层
	 * 使用方法:
	 * <modal show="{
  {showModal}}" height='80%' onCancel="modalCancel" onSubmit='modalSubmit'>
	     <view>你自己需要展示的内容</view>
	  </modal>
	
	  属性说明:
	  show: 控制modal显示与隐藏
	  height:modal的高度
	  onCancel:点击取消按钮的回调函数
	  onSubmit:点击确定按钮的
评论 2
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值