chenjun e36aa48a4d 1 il y a 1 mois
..
components e36aa48a4d 1 il y a 1 mois
changelog.md e36aa48a4d 1 il y a 1 mois
package.json e36aa48a4d 1 il y a 1 mois
readme.md e36aa48a4d 1 il y a 1 mois

readme.md

弹窗,上弹窗,下弹窗,中间弹窗

弹窗,上弹窗,下弹窗,中间弹窗

QQ交流群(607391225) 微信交流群(加我好友备注"进群")
QQ交流群 微信交流群
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页面有效