弹出框

平台差异

App	H5	微信小程序	支付宝小程序	头条小程序
√	√	√	√	√

Props

参数	说明	类型	可选值	默认值
visible	是否可见	boolean		false
before-close	是否开启关闭前回调	boolean		false
direction	方向	string	top / right / bottom / left	left
close-on-click-modal	点击遮罩层是否关闭	boolean		false
size	弹出框宽度	string		auto
force-update	显隐时是否重新加载	boolean		false
padding	内间距	number, string		20rpx

Events

事件名称	说明	回调参数
close	关闭回调	function(done)

示例

<template>
	<view>
		<cl-popup :visible.sync="visible" size="300rpx" direction="left"> 我在这 </cl-popup>

		<cl-button @tap="open">打开</cl-button>
	</view>
</template>

<script>
	export defaut {
	    data() {
	        return {
	            visible: false
	        }
	    },

	    methods: {
	        open() {
	            this.visible = true
	        }
	    }
	}
</script>