育联网移动端通用组件(需配合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 |