README
完整API网址
安装步骤
组件使用说明与演示
1:组件
import daidaiUi from 'daidai-ui' import "daidai-ui/lib/theme/index.css"
Vue.use(daidaiUi)
1.1 拖拽弹窗
使用
<dd-drag></dd-drag>
内容
<dd-drag visible.sync="flag" :width="300">
<div>你的内容</div>
</dd-drag>
export default { data() { return { flag: false } }, }
参数
参数 | 说明 | 类型 | 默认值 |
---|---|---|---|
visible.sync | 控制弹窗显示隐藏 | Boolean | false |
before-close | 关闭前回调 | function(done),done 用于关闭 Dialog | -- |
width | 弹窗的宽度(px) | Number | 660 |
top | 距离顶部高度 | String | 15vh |
title | 弹窗头部名称 | String | -- |
titleBackgronud | title的背景色 | String | #039ACD |
titleAlign | title字体位置 | String | left |
closeStyle | 关闭按钮样式 | String | color: #000; |
borderRadius | 圆角 | Number | 0 |
1:js
1.1 拖拽
使用
import { Drag } from "daidai-ui/src/util/current.js";
/**
* @param {event} e 鼠标事件返回方法
* @param {Object} dom 需要移动的元素(父级必须为定位元素,本身也需要为定位元素)
*/
Drag(e, dom);
qq群 122722274
1.2
树形数据转换