🔥码云GVP开源项目 12k star Uniapp+ElementUI 功能强大 支持多语言、二开方便! 广告
## SlideDialog 滑动框 在当前页面中,从侧面划入一个框,承载相关操作 ##### 基本用法 从浏览器右侧划入一个对话框,可在对话框中定义Slot组件。 对话框打开后,对话框外面仍可操作,如刷新对话框中数据,不需要重新关闭对话框后再打开,跟有蒙版Dialog有区别 ```js <abc-slidedialog v-model="slidedialogshow" title="Information" :width=605 :top=0 :header=false> <slidedialoginfo></slidedialoginfo> </abc-slidedialog> import slidedialoginfo from './slidedialog_info.vue'; ``` #### 属性: | 参数 | 说明 | 类型 | 可选值 | 默认值 | | :--- | :--- | :--- | :--- | :--- | | animation | 动画\(右侧滑入或者左侧滑入\) | string | move-right/move-left | move-right | | header | 是否需要头部 | boolean | true/false | true | | top | 弹出框距离顶部高度\(px\) | number | | | | title | 头部标题 | string | | Information | | width | 弹出框宽度\(px\) | number | | | | v-model | 是否显示 | boolean | true/false | true | | outside | 点击外部是否关闭dialog | boolean | true/false | true |