deview-ui
v0.1.0-Beta
Published
<div align="center"> <img alt="logo" src="@/assets/images/compoent.png" width="120" height="120" style="margin-bottom: 10px;"> <h2 align="center">deview-ui</h2> <h3 align="center">UI组件库</h3> <h4 align="center" style="margin: 20px">基于Element UI
Downloads
3
Readme
GitHub地址:https://github.com/JXBurner/xburner-ui
使用说明
安装
npm install deview-ui | npm install deview-ui@版本号
引入
import DEViewUI from 'deview-ui'
Vue.use(inputCreate, {
request: { request, requestGet },
platform: '平台名称', // 需要引入的平台 web/mobile
DEViewUI: DEViewUI.init('平台名称')
})
// 案例
Vue.use(inputCreate, {
request: { request, requestGet },
platform: 'web',
DEViewUI: DEViewUI.init('web')
})
使用
DEViewUI接受一个参数platform代表平台类型,通过 Vue.use 方法传入request请求,平台类型,通过init调用引入平台类型的组件地址。(双端共有:platform=web时默认引入web和mobile组件)
项目依赖
- PC端 —— Element UI
- 移动端 —— vant
组件架构
包架构说明
- config —— 常量目录
- nativeComponents —— 原生组件目录
- uiComponents —— 平台组件目录
- minxins —— 公用的数据接口处理模块
- mobile —— 移动端组件
- base —— 基础组件
- business —— 业务组建
- web —— PC端组件
- base —— 基础组件
- business —— 业务组件
- platform —— 平台入口
- mobile.js —— 移动端平台入口
- web.js —— PC端平台入口
- utils —— 公共工具类方法文件目录
- index.js —— 对外入口文件,该文件抛出 DEViewUI ,便于引入使用