更新记录

1.0.0(2019-12-30)

  • 更新所有发布组件
  • 去除uni.css全局样式

北栀是条咸鱼-祝自己十九岁生日快乐

起步

  1. 通过 uni-app 官网快速上手,下载HBuilderX-APP版,亲身体验下uni-app。
  2. 看完 《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 进行开发七端应用程序。
本人 插件市场发布 列表。

不喜勿喷。

示例模板 - 个人中心模板

祝愿DCloud越做越好

隐私、权限及商业化声明

1. 本插件需要申请的手机端权限列表:

2. 本插件采集的手机端数据、发送的服务器地址、以及数据用途说明:

HTML文本解析器 -> 请求 Dcloud插件市场 的首页,解析标题和下载次数。

3. 本插件是否包含广告,如包含需详细说明广告表达方式、展示频率:

无,开源学习。

使用中有什么不明白的地方,就向插件作者提问吧~ 我要提问