New Case Study:See how Anthropic automated 95% of dependency reviews with Socket.Learn More
Socket
Sign inDemoInstall
Socket

special-ui

Package Overview
Dependencies
Maintainers
1
Versions
18
Alerts
File Explorer

Advanced tools

Socket logo

Install Socket

Detect and block malicious and high-risk dependencies

Install

special-ui

a library of effects related to visualization!

0.1.0
npm
Version published
Maintainers
1
Created
Source

specialUi

你要的特效UI组件在这里!来看看有惊喜的!

Install

npm i special-ui

Usage

全局使用

import Vue from 'vue'
import specialUi from 'special-ui'
Vue.use(specialUi)

按需引入

import Vue from 'vue'
import {FlyLine} from 'special-ui'
Vue.use(FlyLine)

1. FlyLine 组件

一个2维的飞线组件

飞线效果图

avatar

飞线使用

引入
import Vue from 'vue'
import {FlyLine} from 'special-ui'
Vue.use(FlyLine)
使用
lines = [
    {
        start: [329.3029054888133, 166.22157534665564],
        end: [800, 80],
    },
    {
        start: [829.3029054888133, 166.22157534665564],
        end: [1400, 80],
        arcRadis: -0.6
    }
]

config = {
    isDash: false
}
<fly-lIne :lines="lines" :config="config"></fly-lIne>
组件参数

config: 对象

属性说明默认值
lineColor飞线颜色#FFCE00
isDash是否是虚线true
dash虚线配置'3, 3'
isFly是否显示飞线动效true
flyLineColor飞线动效颜色#FFCE00
isShowArrow是否显示箭头true

lines: 数组

属性说明默认值
start起点坐标
end终点坐标
arcRadis曲线系数0.5

Keywords

special-ui

FAQs

Package last updated on 27 Jul 2020

Did you know?

Socket

Socket for GitHub automatically highlights issues in each pull request and monitors the health of all your open source dependencies. Discover the contents of your packages and block harmful activity before you install or update your dependencies.

Install

Related posts