logwire-wms-pda-ui

test

Usage no npm install needed!

<script type="module">
  import logwireWmsPdaUi from 'https://cdn.skypack.dev/logwire-wms-pda-ui';
</script>

README

logwire-wms-npm 组件库 开发说明

目录结构

├── public // 打包后的出口文件-通常情况下无需更改
├── src // 全部开发都在此
│ ├── api // 所有的页面请求接口都应当放置在此
│ │ ├── login.js // 每个页面应当独立创建一个js文件
│ │ ├── task.js
│ ├── assets // 静态资源
│ │ ├── css // 样式
│ │ ├── img // 图片资源
│ │ │ ├── menu // 菜单图标
│ ├── components // 组件
│ │ ├── LwButton.vue // 组件,命名方式应当使用大驼峰
│ ├── utils // 公共方法
│ │ ├── index.js
│ ├── views // 页面
│ │ ├── task // 功能模块的名字
│ │ │ ├── LwTab.vue // 页面的名字
│ │ │ ├── LwContent.vue // 页面的名字

命名规则

接口(api) - 文件命名应当和views中业务文件夹名字相同,接口名应当和后端接口名一致

静态资源(assets-css) - 文件使用驼峰命名,样式如果注册到全局应当在选择器前加入lw-global前缀
Ps:lw-global-xxx

静态资源(assets-img) - 文件使用驼峰命名

组件(components) - 应当使用驼峰命名且必须以lw开头
Ps:lwButton.vue

公共方法(utils) - 基于不同的功能创建不同的js文件,方法和文件名应当使用驼峰命名,且方法名前应当加入lw

页面(views) - 文件夹表明一个业务类型,使用驼峰命名。且所有的业务应当在此文件夹内形成闭环,尽量避免业务与业务之间的页面嵌套,文件夹内页面命名方式参照组件规则执行