daidai-ui

it is a example npm

Usage no npm install needed!

<script type="module">
  import daidaiUi from 'https://cdn.skypack.dev/daidai-ui';
</script>

README

完整API网址

http://www.daidaibg.com:19988

安装步骤

组件使用说明与演示

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

树形数据转换

http://www.daidaibg.com:19988/