medicine_app/uni_modules/z-popup/readme.md

弹窗，上弹窗，下弹窗，中间弹窗

弹窗，上弹窗，下弹窗，中间弹窗

QQ交流群(607391225)	微信交流群（加我好友备注"进群"）
QQ群号：607391225	微信号：zhou0612wei

点击跳转-5年的web前端开源的uni-app快速开发模板-下载看文档

案例一

<z-popup v-model="true" @change="onChange">
	<view class="popup_title">
		<text @click="popupShow = false">取消</text>
		<view>弹窗标题</view>
		<text @click="popupShow = false">确定</text>
	</view>
	<view class="popup_content">
		弹窗内容
	</view>
</z-popup>

// js
methods: {
	onChange(e){
		if(e){
			uni.showToast({
				title:"打开了弹窗",
				icon:"none"
			});
		}else {
			uni.showToast({
				title:"关闭了弹窗",
				icon:"none"
			});
		}
	}
},

属性

名称	类型	默认值	描述
value	Boolean	false	控制弹窗是否打开
hideOnBlur	Boolean	true	点击遮罩层关闭弹窗
scroll	Boolean	true	禁止页面滚动（H5生效）
type	String	bottom	弹窗方位bottom 靠下， center 居中， top 靠上
offset	Number	0	type=bottom和type=top的时候设置这个数据弹窗会朝相反的方向偏移
zIndex	Number	500	设置弹窗的层级, 普通vue页面有效