微信小程序学习笔记(6)--------组件

         组件

基础组件

    组件:组件是视图层的基本组成单元。一个组件通常包括开始标签和结束标签,属性用来修饰这个组件,内容在两个标签之间。

    注意:所有组件与属性都是小写,以 - 连接

基础组建分为八大类

一、视图容器(View Container)

组件名

说明

view

视图容器

scroll-view

可滚动视图容器

swiper

滑块视图容器

    注意:

    使用竖向滚动时,需要给<scroll-view/>一个固定高度,通过wxss设置height

    请勿在 scroll-view 中使用 textarea、map、canvas、video 组件

    scroll-into-view 的优先级高于 scroll-top

    swiper中只可放置<swiper-item/>组件,其他节点会被自动删除,swiper-item仅可放置在<swiper/>组件中,宽高自动设置为100%。

二、基础内容(Basic Content)

组件名

说明

icon

图标

text

文字

progress

进度条

    icon的类型,有效值:success, success_no_circle, info, warn, waiting, cancel,download,

 search, clear

    text:支持转义字符”\”除了文本节点以外的其他节点都无法长按选中。

三、表单组件(Form)

标签名

说明

button

按钮

form

表单

input

输入框

checkbox

多项选择器

radio

单项选择器

picker

列表选择器

slider

滚动选择器

switch

开关选择器

lable

标签

四、操作反馈(interaction)

组件名

说明

action-sheet

上拉菜单

五、导航(Navigation)

组件名

说明

navigator

应用链接

六、媒体组件(Media)

组件名

说明

audio

音频

image

图片

video

视频

七、地图(Map)

组件名

说明

map

地图

八、画布(Canvas)

组件名

说明

canvas

画布

 

猜你喜欢

转载自blog.csdn.net/zsp45212/article/details/53519255