uni-app-组件

前提是你 提交于 2019-12-27 02:42:56

不推荐使用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下载安装

标签
易学教程内所有资源均来自网络或用户发布的内容,如有违反法律规定的内容欢迎反馈
该文章没有解决你所遇到的问题?点击提问,说说你的问题,让更多的人一起探讨吧!