3分钟入门微信小程序开发 组件分类 常用基本组件

boyanx3个月前技术教程21

微信为小程序提供的组件,可以帮助开发者快速搭建出漂亮的页面结构,共9大类,包括:

1.视图容器:view布局组件(相当于div)、scroll-view滚动列表组件、swiper和swiper-item轮播图组件

2.基础内容:

text文本组件(相当于span,selectable支持长按选中效果)、rich-text富文本组件(通过nodes属性,支持把html字符串渲染为wxml结构)。

button按钮组件,有type、size、plain三个参数,且通过open-type属性调用微信提供的各功能,如转发、获取用户信息等。(注意在app.json文件中style:v2控制着整体的风格)

image图片组件,默认宽300px,高240像素,可通过src加载指定路径的图片,指定mode属性确定缩放方式,mode属性值有scaleToFill默认不保持纵横比缩放、aspectFit保持纵横比长边完全显示缩放、aspectFill保持纵横比短边完全显示缩放、widthFix原图宽度不变缩放高度自动、heightFix原图高度不变缩放宽度自动。

3.表单组件:input用户输入单行文本,textarea接收用户输入的多行文本,form将表单内的输入项进行组合,实现数据的提交,radio-group和radio单选按钮选择器,checkbox-group和checkbox:复选框选择器。

4.导航组件:navigator页面链接的导航组件,用于实现页面间的跳转。其中,open-type属性可以实现不同的跳转方式,如switchTab用于切换到tabBar页面,reLaunch用于关闭所有页面,打开到应用内的某个页面等。

5.媒体组件:audio和video分别用于播放音频和视频文件。

6.map地图组件

7.canvas画布组件

8.开放能力:API接口,如获取用户信息、支付功能等。这些API接口可以帮助开发者更方便地调用微信提供的功能,增强应用的功能性和用户体验。

9.无障碍访问:虽然这个组件类型对于提升应用的包容性和可访问性非常重要,但在实际开发中,它的使用频率可能不如其他组件高。这主要是因为无障碍访问的考虑更多是在应用的设计和开发过程中融入的,而不是通过单独的组件来实现的。

相关文章

那些容易被你忽略的HTML重要属性,你知道几个?

前言在前端开发编写html文件的时候,我们可能会很熟练的写出常见的html元素,但是如果问到某些元素的差别时,大家不一定能说的出来,今天就给大家总结一下那些很常见但容易混淆的属性。html与csscs...

QML控件:TextInput, TextField, TextEdit, TextArea用法及自定义

本文主要介绍基本元素 TextInput, TextField, TextEdit, TextArea 等的基本属性。Textlnput 与 TextField 为行编辑控件,TextEdit 与 T...

网页设计HTML零基础入门(html网页设计步骤)

一、Html概述Html是Hyper Text Mark-up Language 的首字母简写,意思是超文本标记语言,超文本指的是超链接,标记指的是标签,是一种用来制作网页的语言,这种语言由一个个的标...

css技巧之重置样式的那些事(css重写样式)

在前端开发中,为了统一各个浏览器的样式统一,我们要将各个浏览器的默认样式进行重新设置。这个过程就叫做css样式重置。根据实际项目大家都有一套自己的样式。下面我们来看看需要特别说明的一些事:1、text...

HTML前端常用标签(复习)(web前端标签大全)

1. HTML 初识HTML 指的是超文本标记语言 (Hyper Text Markup Language)是用来描述网页的一种语言。HTML 不是一种编程语言,而是一种标记语言 (markup la...

JavaGUI——Java图形用户界面(java图形用户界面思维导图)

1、Java GUI 概述GUI(Graphical User Interface,简称 GUI,图形用户界面)是指采用图形方式显示的计算机操作用户界面,与早期计算机使用的命令行界面相比,图形界面对于...

发表评论    

◎欢迎参与讨论,请在这里发表您的看法、交流您的观点。