xtf-popup

组件说明

xtf-popup 是反馈类组件。

vue

<template>
  <xtf-popup />
</template>

属性	类型	默认值
`show`	`Boolean`	`false`
`position`	`String`	`'center'`
`overlay`	`Boolean`	`true`
`closeOnClickOverlay`	`[Boolean`	`true`
`closeOnClickBlank`	`[Boolean`	`false`
`overlayCloseOnlyVisibleRegion`	`[Boolean`	`true`
`safeAreaInsetBottom`	`[Boolean`	`null`
`zIndex`	`[String`	``
`duration`	`[String`	``
`enterAnimation`	`String`	``
`leaveAnimation`	`String`	``
`beforeClose`	`Function`	`null`
`offsetX`	`[String`	`0`
`offsetY`	`[String`	`0`
`overlayInsetTop`	`[String`	`0`
`overlayInsetRight`	`[String`	`0`
`overlayInsetBottom`	`[String`	`0`
`overlayInsetLeft`	`[String`	`0`
`customGapX`	`[String`	`0`
`customGapY`	`[String`	`0`
`customTop`	`[String`	``
`customLeft`	`[String`	``
`width`	`[String`	``
`height`	`[String`	``
`overlayStyle`	`[String`	``
`round`	`Boolean`	`true`
`showClose`	`[Boolean`	`false`
`closeIconPosition`	`String`	`'top-right'`
`closeIcon`	`String`	`'×'`
`showHandle`	`[Boolean`	`false`
`lockScroll`	`[Boolean`	`true`
`destroyOnClose`	`Boolean`	`false`
`customClass`	`String`	``
`customStyle`	`[String`	``

该组件使用 var(--xtf-*) CSS 变量体系。