实心箭头组件用于绘制页面中实心的小箭头。
<template>
<div>
<solid-arrow
@click.native="active2 = !active2"
:active="active2"
:top="'390px@380px'"
:left="'90px@70px'"
:direction="'left'"
:color="'#ea64ff@#ff607c'"
:size="'12px@24px'"
>
</solid-arrow>
</div>
</template>
<script>
import { SolidArrow } from 'lvshou-vcomponents';
export default {
...
components: {
SolidArrow
},
...
};
</script>
具体使用可参考该文件。
配置项 | 值类型 | 描述 |
---|---|---|
size | String | 规定箭头大小,默认8px |
color | String | 规定箭头颜色,默认#666 |
direction | left top right bottom |
规定箭头指向,默认right |
active | Boolean | 规定箭头组件是否处于激活状态,若处于激活状态,会渲染@ 后的样式(若@ 后没有内容,则不改变样式),默认false |