@huteming/ui-popup NPM

弹出层，可自定义内容。

引入

import { TmPopup } from '@huteming/ui'

Vue.use(TmPopup)
// Vue.component(TmPopup.name, TmPopup)

position 属性指定了 popup 的位置。比如，position 为 'bottom' 时，popup 会从屏幕下方移入，并最终固定在屏幕下方。移入/移出的动效会根据 position 的不同而自动改变，无需手动配置。

将 v-model 绑定到一个本地变量，通过操作这个变量即可控制 popup 的显示与隐藏。

<tm-popup v-model="visible" position="bottom">
    ...
</tm-popup>

参数	说明	类型	可选值	默认值
value	控制 Popup 的显示与隐藏	Boolean		false
before-close	关闭前的回调，会暂停 Popup 的关闭, done 用于关闭 popup	Function	(done)
position	Popup 的位置	String	`middletopbottomleftright`	`middle`
close-on-click-modal	是否可以通过点击 modal 层来关闭 Popup	Boolean		true

name	描述
-	弹出框的内容

4 years ago