dvlp-components v0.1.5

外呼系统

使用方式

npm install dvlp-components -S

内置组件

1.外呼

<outbound-call></outbound-call>

内置指令

1.拖拽指令

<div v-drag-client="{dragDom:'#drag-handler'}">
    <div id="drag-handler">外呼</div>
</div>

2.点击元素外指令

<div v-click-outside="closeHandler"></div>

3.文字复制指令

// v-copy
// v-copy="successHandler"
// v-copy.dblclick="successHandler"
// v-copy.icon="successHandler"  icon的类名.el-icon-document-copy
<div v-copy></div>

样式书写规则

1.定义数组

$bg-colors:map-merge((
    "1":red,
    "2":green,
     ....
),$bg-colors);

2.定义变量

@include set-component-css-var('background-color',$bg-colors);
//输出结果
//  --dvlp-background-color-1:red;
// ...

3.使用

background:getCssVar('background-color','1');
// 或者
background:getCssVar('background','color','1');
// 输出结果
// background:var(--dvlp-background-color-1)