arrow
插件名#
arrow安装#
- npm
- Yarn
npm install @jswork/styled-plugin-arrowyarn add @jswork/styled-plugin-arrow参数#
| 名称 | 类型 | description |
|---|---|---|
| value | string | 方向(top/right/bottom/left; 默认: right) |
| thick | number | 厚度 |
| size | number | 箭头的大小 |
| color | string | 颜色 |
绝对居中的一种实现方式。
原理#
- 设置一个上/右的边框
- 旋转 45deg，以及倍数
用法#
<View dib> 更多 <View plugin="arrow:right" /></View>演示#
Live Editor
Result
SyntaxError: Unexpected token (1:8)
1 : return ()
^