uniapp:组件

123 阅读1分钟

组件

文档参考地址:uniapp.dcloud.net.cn/component/

基础组件

基础组件在uni-app框架中已经内置,无需将内置组件的文件导入项目,也无需注册内置组件,随时可以直接使用,比如<view>组件。

组件演示参考地址 => hellouniapp.dcloud.net.cn/pages/compo…

基础组件列表

  • 视图容器
  • 基础内容
    • icon 图标 => uni-icons
    • text 文字
    • rich-text 文字
    • progress 进度条
  • 表单组件(Form)
    • button 按钮
    • checkbox 多项选择器
    • editor 富文本输入框
    • form 表单
    • input 输入框
    • label 标签
    • picker 弹出式聊表选择器
    • picker-view 窗体内嵌入式聊表选择器
    • radio 单项选择器
    • slider 滑动选择器
    • switch 开关选择器
    • textarea 多行文本输入框
  • 路由与页面跳转(Navigation)
    • navigator 页面链接,类似于html中的a标签
  • 媒体组件
    • audio 音频
    • camera 相机
    • image 图片
    • video 视频

组件公共属性集合

image-20230213102859192

除了上述公共属性,还有一类特殊属性以v-开头,称之为vue指令,如v-if、v-else、v-for、v-model。

扩展组件

Demo地址:hellouniapp.dcloud.net.cn/pages/compo…

插件市场:ext.dcloud.net.cn/search?q=un…

自定义组件

  1. componets文件夹下定定义组件
  2. 页面引用组件,直接使用即可
  3. 其他操作(组件传值,事件绑定同vue)