0.1.0-Beta • Published 2 years ago

deview-ui v0.1.0-Beta

Weekly downloads
-
License
MIT
Repository
github
Last release
2 years ago

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

组件架构

包架构说明

IMAGE

  • config —— 常量目录
  • nativeComponents —— 原生组件目录
  • uiComponents —— 平台组件目录
    • minxins —— 公用的数据接口处理模块
    • mobile —— 移动端组件
      • base —— 基础组件
      • business —— 业务组建
    • web —— PC端组件
      • base —— 基础组件
      • business —— 业务组件
  • platform —— 平台入口
    • mobile.js —— 移动端平台入口
    • web.js —— PC端平台入口
  • utils —— 公共工具类方法文件目录
  • index.js —— 对外入口文件,该文件抛出 DEViewUI ,便于引入使用