Haomo-magic-cube NPM

haomo-magic-cube

下载依赖

npm install

启动本地示例

npm run serve

打包示例文件

npm run build:dem

打包库

npm run build:lib

查找和修复文件

npm run lint

组件库

login

<HLogin
  platform="lucas" 
  :loginUrl="" 
  @success="success" 
  @error="error"
/>

props

参数	说明	类型
platform	项目对应 code	String
loginUrl	登录 URL 地址	String

event

事件	说明	回调参数
success	登录成功的回调	用户信息
error	登录失败的回调	错误提示信息

2D 标注展示

<h-two-annotation 
  :is-title="true"
  is-move
  :is-enlarge="true"
  img-src="current.img_url"
  :config-list="configList"
  :lines='lines'
  bordColor='red'
  :fontSize='18'
  :edges='edges'
  edgesLineColor='red'
  linesLineColor='green'
  :lineWidth='5'
  :radius='10'
  :sizing="sizing"
/>

props

参数	说明	类型	默认值
isTitle	是否展示标注对应的 title 信息	Boolean
lineWidth	线条宽度	Number	2
radius	车道线圆形半径	Number	5
bordColor	线条颜色, 当标注没有自己的颜色的时候, 使用默认颜色	String	'#7fff00'
fontSize	标题字体大小	Number	16
isMove	是否可以拖拽图片	Boolean
isEnlarge	是否可以缩放图片	Boolean
imgSrc	图片链接	String
configList	标注具体参数	[{ bbox: [] }] bbox 里面包含标注对应坐标点
lines	边缘线	[{point: [] }]
linesLineColor	边缘线默认颜色	String	'green'
edges	车道线	[{point: [] }]
edgesLineColor	车道线默认颜色	String	'red'
sizing	图片对应的大小	{width: number, height: number}