uni-app-组件


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


免责声明!

本站转载的文章为个人学习借鉴使用,本站对版权不负任何法律责任。如果侵犯了您的隐私权益,请联系本站邮箱yoyou2525@163.com删除。



 
粤ICP备18138465号  © 2018-2025 CODEPRJ.COM