项目结构部分说明:
--根目录
---components
项目全局注册的公共组件
---pages
整个项目所有的页面
#### --单个page
单个pege下面一般包含三个文件,分别是:
#### components
当前页面所独有的组件
#### [pageName].vue
页面内容
#### model.js
Vuex拆分到当前页面的model
#### server.js
当前页面所使用到的服务端请求
---
公共组件说明:
- 公共样式写在App.vue;
- 步骤条:tm-steps,详细传参说明在组件内部。
- 树形控件:tm-trees。
- 底部tabBar:tm-tabbar。
- 单选列表组合/下拉式单选列表组合:tm-radio-group。使用步骤看tm-radio-group/README.md
- 底部简单双按钮:tm-simple-btn-group。
- 顶部菜单容器:tm-top-menu。
- 弹出层:tm-modal。
公共组件的注册方式
- 在main.js中全局注册;
- 在components目录下创建文件夹=文件名的组件,会自动全局注册,但是需要注意:在模板中使用的名字也必须与定义的名字一致,比如定义了n-navigation/n-navigation.vue组件,必须是;因为标签推荐kebab-case方式,所以定义的公共组件也推荐这种命名方式
登录地址加:?hospSign=vdQpm2OvmLVTPnXL