- 通过 uni-app 官网快速上手，下载HBuilderX-APP版，亲身体验下uni-app。
- 看完 《uni-app官方教程》 ，出品人：DCloud，课时：共3节。
- 如果你熟悉h5，但不熟悉vue和小程序，建议看完这篇 白话uni-app 。
uni-app使用的是vue的语法，不是小程序自定义的语法，不需要专门去学习小程序的语法。- DCloud与vue合作，在vue.js官网提供了免费视频教程。
cmd组件写法基础，易于理解vue组件的创建使用，对于初学vue新手入uni-app友好，具体还看真机运行效果。
代码操作注释明确，样式修改可以通过H5方式运行后查看浏览器开发者工具，有css基础都很好理解。
| 组件名 | 组件名 | 代码块 | 说明 |
|---|---|---|---|
| 通知栏组件 | cmd-notice-bar |
cmdNoticeBar | 通常用于系统提醒、活动提醒等通知 |
| 幕帘组件 | cmd-curtain |
cmdCurtain | 可以用来放置广告提示内容 |
| Icon 图标组件 | cmd-icon |
cmdIcon | 自定义icon的封装组件 |
| 列表单元组件 | cmd-cell-item |
cmdCellItem | 列表用于展现并列层级的信息内容 |
| 结果页组件 | cmd-result-page |
cmdResultPage | 在整张页面中向用户反馈操作结果 |
| 头像组件 | cmd-avatar |
cmdAvatar | 用于展示用户头像、数字号、单字符 |
| 输入框组件 | cmd-input |
cmdInput | 对input组件进行简单封装密码可见和清除 |
| 底部导航栏组件 | cmd-bottom-nav |
cmdBottomNav | 底部导航栏固定在页面底部 |
| 导航栏内容页组件 | cmd-page-body |
cmdPageBody | 针对使用底部导航栏或顶部导航栏->废弃 |
| 动画组件 | cmd-transition |
cmdTransition | 复用动画切换 |
| 工具栏组件 | cmd-tool-bar |
cmdToolBar | 工具栏是安卓md风格的，标题加图标 |
| 导航栏组件 | cmd-nav-bar |
cmdNavBar | 简单封装自定义导航栏 |
| 进度圈组件 | cmd-circle |
cmdCircle | 用圈显示一个操作完成的百分比时 |
| 进度条组件 | cmd-progress |
cmdProgress | 为用户显示该操作的当前进度和状态 |
| JS SDK | SDK名 | 代码块 | 说明 |
|---|---|---|---|
| HTML 文本解析器 | html-parser |
HtmlParser | 用于解析text文本，通过DOM方式获取节点 |
全局组件注册
// main.js
import cmdNavBar from './components/cmd-nav-bar/cmd-nav-bar.vue'
Vue.component('cmd-nav-bar',cmdNavBar) // 不支持用Vue.use()
以上就是所有
cmd组件，有vue语法基础的可以快速理解学会。
极大的提升vue语法进而使用uni-app进行开发七端应用程序。
本人 插件市场发布 列表