更新记录
1.0.3(2025-09-11) 下载此版本
优化箭头显示,增加了箭头颜色属性,可以设置自定义颜色
1.0.2(2025-09-11) 下载此版本
***:1、优化箭头显示 2、添加参数id,用于区分同场景下不同指针的样式
1.0.0(2025-09-10) 下载此版本
***:发布
查看更多平台兼容性
uni-app(4.76)
Vue2 | Vue3 | Chrome | Safari | app-vue | app-nvue | Android | iOS | 鸿蒙 |
---|---|---|---|---|---|---|---|---|
- | - | - | - | - | - | - | - | - |
微信小程序 | 支付宝小程序 | 抖音小程序 | 百度小程序 | 快手小程序 | 京东小程序 | 鸿蒙元服务 | QQ小程序 | 飞书小程序 | 快应用-华为 | 快应用-联盟 |
---|---|---|---|---|---|---|---|---|---|---|
- | - | - | - | - | - | - | - | - | - | - |
RJ-linePointer
本插件是一个通用组件,一个直线箭头指针组件,用于显示一根带箭头的指针直线。
需要依赖
暂无
使用说明
1、导入组件
import linePointer from '@/uni_modules/RJ-linePointer/components/RJ-linePointer/RJ-linePointer.vue'
2、使用组件
默认使用
<view>
<linePointer>
</linePointer>
</view>
带参数调用
<linePointer
:startP="startPoint"
:lineDistance="100"
:lineWidth="2"
:lineColor="lineColor"
:lineAngle="svgAngle"
:isDashed="true"
markerMode="big"
></linePointer>
说明
- startP是直线的起始点坐标:(x,y)
- lineDistance是直线的长度
- lineWidth是直线的宽度
- lineColor是直线的颜色
- lineAngle是直线的角度
- isDashed表示是否为虚线
- markerMode表示箭头的大小,提供了三种选项:small、normal、big