小程序 字号设置 slider滚动改变大小_微信小程序标签总结

视图容器

cover-image(覆盖在原生组件之上的图片视图。)；

cover-view(覆盖在原生组件之上的文本视图。)；

movable-area(可移动区域)；

movable-view(可移动的视图容器，在页面中可以拖拽滑动。必须在 组件中，并且必须是直接子节点，否则不能移动)；

scroll-view(可滚动视图区域。使用竖向滚动时，需要给一个固定高度)

swiper(滑块视图容器。其中只可放置组件，否则会导致未定义的行为)

swiper-item(仅可放置在组件中，宽高自动设置为100%。)

view(相当于HTML中的div)

基础内容

icon(图标)

progress(进度条)

rich-text(富文本)

text(文本)

表单组件

button，checkbox，checkbox-group(多项选择器，内部由多个checkbox组成)，

form，input(原生组件)，textarea(多行输入框。该组件是原生组件，使用时请注意相关限制。)，label，

picker(从底部弹起的滚动选择器)，

picker-view(嵌入页面的滚动选择器。其中只可放置 picker-view-column组件，其它节点不会显示)

picker-view-column，radio，radio-group(单项选择器，内部由多个 组成)

slider(滑动选择器)

switch(开关选择器)

导航

functional-page-navigator(仅在插件中有效，用于跳转到插件功能页。)，navigator(页面链接)

媒体组件

camera(系统相机)，image(图片。支持JPG、PNG、SVG格式)，video

live-player(实时音视频播放)，live-pusher(实时音视频录制)

map(地图)，canvas(画布)

open-data(用于展示微信开放的数据，如头像，名称)

web-view(承载网页的容器。会自动铺满整个小程序页面，个人类型与海外类型的小程序暂不支持使用。)

原生组件(小程序中的部分组件是由客户端创建的原生组件)

• camera
• canvas
• input(仅在focus时表现为原生组件)
• live-player
• live-pusher
• map
• textarea
• video

特点：1.层级最高；2.无法在 中使用；3.使用原生组件最好在真机上测试；4.原生组件的事件监听不能使用 bind:eventname 的写法，只支持 bindeventname。原生组件也不支持 catch 和 capture 的事件绑定方式；5.无法对原生组件设置 CSS 动画；6.无法定义原生组件为 position: fixed；7.不能在父级节点使用 overflow: hidden 来裁剪原生组件的显示区域。

前端知识/技术总结(一)微信小程序路由方法总结前端知识/技术总结(二)