Educiot-wx NPM | npm.io

0.0.1 • Published 3 years ago

Install

Weekly downloads

-

License

MIT

Repository

Last release

3 years ago

育联网移动端通用组件(需配合vant一起使用)

使用方法

局部调用

import { a } from 'educiot-wx'

components： { a:a }

全局调用

import educiotWx from 'educiot-wx'

Vue.use(educiotWx)

topHead(顶部navbar)

参数

参数	类型	说明	必传	默认值
title	String	标题，可支持html	否	空
hasleft	Boolean	是否有左边图标	否	true
hasRight	Boolean	是否有右边图标	否	false
isClear	Boolean	左边图标自定义事件，默认事件返回上一页	否	false
isicon	Boolean	右边是否使用字体图标	否	true
icons	String	字体图标的样式名	否	空
url	String	右边自定义图标的链接	否	空
icolor	String	图标颜色	否	#333
bgc	String	整条navbar的背景色	否	#fff
tcolor	String	title颜色	否	#333
hasbor	Boolean	是否显示底边框	否	false
tsize	String	title字体大小	否	16px

事件

事件	说明	返回值
clearCache	isClear为true时需要给返回键自定义事件	true
clickRight	右边图标的点击事件	true

注：鉴于ios部分机型存在刘海，所以navbar头部需要空出一个刘海高，刘海高度由app端传递过来，定义为bang，bang值储存在本地缓存saveData中，该组件的流海高度取于saveData中的bang值

userHead(用户头像)

参数

参数	类型	说明	必传	默认值
src	String	头像链接	是	-
size	String	头像尺寸	否	100
round	Boolean	是否圆形头像	否	true

@infinitebrahmanuniverse/nolb-edu @everything-registry/sub-chunk-1555

3 years ago