[微信小程序] 自定义modal弹窗组件

最新推荐文章于 2024-09-09 14:49:05 发布

iChangebaobao

最新推荐文章于 2024-09-09 14:49:05 发布

阅读量1.3k

点赞数

分类专栏：微信小程序

本文链接：https://blog.csdn.net/iChangebaobao/article/details/106186468

版权

微信小程序专栏收录该内容

43 篇文章 3 订阅

订阅专栏

关于微信小程序 modal弹框组件的介绍

微信小程序自定义modal弹窗组件

微信小程序把玩（二十三）modal组件

no-cancel="true"表示：隐藏关闭按钮

<modal hidden="{{hiddenQrCode}}" title="请使用小程序左上角的扫一扫" no-cancel="true" cancel-text="关闭"  bindcancel="closeQrCode"> 
	<image src="{{qrCodeUrl}}" style="width:90%; margin:20rpx" mode="widthFix" ></image>
</modal>

在这里插入图片描述

<modal hidden="{{hiddenmodalput}}" title="修改联系方式" confirm-text="确定" cancel-text="取消"  bindcancel="cancelPhone" bindconfirm="confirmPhone">   
	<view class="form-Item">
		<label>旧手机号码：</label>
		<view class="form-input-view">
			<input class="form-input"  value="{{workerInfo.phone}}" disabled="true"  bindinput="phoneInputChange"   />
		</view>
	</view>
	<view class="form-Item">
		<label style="width:252rpx;text-indent: 10rpx"><text class="form-requried">*</text>新手机号码：</label>
		<view class="form-input-view">
			<input class="form-input"  value="{{newPhone}}"  bindinput="NewPhoneInputChange"   placeholder=" 请输入手机号码" />
		</view>
	</view>
</modal>