1.0.4 • Published 5 months ago
zhyx-ui-func v1.0.4
公共业务模块组件共用
打包
npm run lib发布到 npm
安装
npm i zhyx-ui-func -S使用
# 全局引入：
import ZhyxUiCommon from 'zhyx-ui-func';
Vue.use(ZhyxUiCommon);
# 按需引入
import {ZhyxDeskhead} From "zhyx-ui-func";
Vue.component(ZhyxDeskhead.name,ZhyxDeskhead)
Vue.component(ZhyxMessage.name,ZhyxMessage)zhyx-deskhead:顶部公用组件
<template>
<zhyx-deskhead :has-msg="false"></zhyx-deskhead>
</template>组件参数
| 参数 | 类型 | 必选 | 默认 | 描述 |
|---|---|---|---|---|
| hasMsg | Boolean | 否 | true | 是否有消息按钮 |
| hasRefresh | Boolean | 否 | true | 是否存在刷新按钮 |
| title | String | 否 | 空 | 标题文本 |
| refreshType | String | 否 | normal | 刷新方式：normal:常规刷新；custom:自定义刷新 |
| msgType | String | 否 | instant | 消息数量的更新类型：instant: 实时接受消息数量; once:非实时，只获取一次；time:根据时间定时刷新 |
- 此处的常规刷新（normal）：依赖于项目的 contentIsNeedRefresh 值切换