博客园  :: 首页  :: 新随笔  :: 联系 :: 订阅 订阅  :: 管理

uni-app-组件

Posted on 2019-06-12 17:01  追风0315  阅读(1292)  评论(0编辑  收藏  举报

不推荐使用HTML标签,但实际上如果开发者写了div等标签,也会被编译器转换为view标签,类似的还是有span转text、a转navigator等。

1:基于组件组合成复杂的组件

2:DCloud提供了扩展组件框架uni-ui,

3:第三方开发的组件也收录到插件市场

 

什么是组件:

<template>
    <view>
        <tagname property="value">
            content
        </tagname>
    </view>
</template>

Tips

  • 所有组件与属性名都是小写,单词之间以连字符-连接。
  • 根节点为 <template>,这个 <template> 下只能有一个根组件。
  • 平台差异说明若无特殊说明,则表示所有平台均支持。

属性类型:

 

共同属性类型:

所有组件有自己特殊的属性

 

组件列表

  • 视图容器(View Container)
  • 基础内容(Basic Content):
  • 表单组件(Form):
  • 导航(Navigation):
  • 媒体组件(Media):
  • 地图(Map):
  • 画布(Canvas):
  • webview(Web-view):
  • 平台开放数据(Open-data):

 

uni-ui是DCloud提供的一个跨端ui库,它是基于vue组件的、flex布局的、无dom的跨全端ui框架

uni-ui不包括基础组件,它是基础组件的补充

uni-ui支持2种方式:npm安装和zip下载安装