@wznpm/light-d
v0.0.1
Published
每个界面只能有一个v-myfocus,多个会在最后一个添加v-myfocus的元素上体现
Downloads
2
Readme
v-myfocus:
每个界面只能有一个v-myfocus,多个会在最后一个添加v-myfocus的元素上体现
v-mydrag:
添加的元素可以拖拽
v-mycopy:
拷贝指令
v-mycopy="n"
n: {
fun: function, (复制成功回调 选传)
content: string (复制内容 选传)
select: Boolean (默认flase 选传)
}
1.双击选中内容 content和select不传值 v-mycopy绑定到 需要被双击复制内容 的元素上
2.自定义内容 content传自定义内容,select不传值 v-mycopy绑定到自己对应按钮上
3.复制一选中的内容 select:ture content不传值 v-mycopy绑定到自己对应按钮上
v-mylongpress:
拷贝指令
v-mylongpress="n"
n: {
fun: function, (长按定时到达后的回调 选传)
time: number (长按时间 默认为 1s 选传)
}
v-mywatermarking:
拷贝指令
v-mywatermarking="n"
n: {
args: array, (水印内容 必传)
color: string (水印颜色 默认为 'rgba(200, 200, 200, 0.90)' 传rgba格式 选传)
}
v-myenterfocus:
回车切换input框焦点指令,
将指令放在想要切换焦点的input标签的共有父级上,
切记配合element的时间框有bug(可以把时间框放在其他input的夫级元素外)
myscroll
上滑触底触发函数 v-myscroll="n" n: { fun: function, (名为className的标签触底时触发的函数) date: number (防抖时间) className: string (实际滑动的标签class的名称) }
Project setup
npm install
引入方式
// 全部引入
import {directive} from '../lib/index' Vue.use(directive)
// 按需引入
import {scrollfun} from '../lib/index' // 示例 Vue.directive('myscroll',scrollfun)
Compiles and hot-reloads for development
npm run serve
Compiles and minifies for production
npm run build
Lints and fixes files
npm run lint