微信小程序_基础组件

---

微信小程序为小程序开发者提供了一系列小程序基础组件，开发者可以通过组合这些小程序基础组件进行微信小程序的快速开发。

目前创新互联已为近千家的企业提供了网站建设、域名、网站空间、绵阳服务器托管、企业网站设计、屯溪网站维护等服务，公司将坚持客户导向、应用为本的策略，正道将秉承"和谐、参与、激情"的文化，与客户和合作伙伴齐心协力一起成长，共同发展。

微信小程序组件是什么？微信小程序组件怎么用？

• 小程序组件是视图层的基本组成单元。

• 小程序组件自带一些功能与微信风格的样式。

• 一个小程序组件通常包括开始标签和结束标签，属性用来修饰这个组件，内容在两个标签之内。

  
    Content goes here ...
  

  注意：所有小程序组件与属性都是小写，以连字符-连接

一、微信小程序_属性类型

---

类型	描述	注解
Boolean	布尔值	组件写上该属性，不管该属性等于什么，其值都为true，只有组件上没有写该属性时，属性值才为false。如果属性值为变量，变量的值会被转换为Boolean类型
Number	数字	1, 2.5
String	字符串	"string"
Array	数组	[ 1, "string" ]
Object	对象	{ key: value }
EventHandler	事件处理函数名	"handlerName"是Page中定义的事件处理函数名
Any	任意属性

二、微信小程序_共同属性类型

---

所有组件都有的属性：

属性名	类型	描述	注解
id	String	组件的唯一标示	保持整个页面唯一
class	String	组件的样式类	在对应的wxss中定义的样式类
style	String	组件的内联样式	可以动态设置的内联样式
hidden	Boolean	组件是否显示	所有组件默认显示
data-*	Any	自定义属性	组件上触发的事件时，会发送给事件处理函数
bind* / catch*	EventHandler	组件的事件	详见事件

三、微信小程序_特殊属性

---

几乎所有组件都有各自定义的属性，可以对该组件的功能或样式进行修饰，请参考各个组件的定义。

四、微信小程序_组件列表

---

微信小程序基础组件分为以下八大类：

小程序视图容器(View Container)：

组件名	说明
view	视图容器
scroll-view	可滚动视图容器
swiper	可滑动的视图容器

小程序基础内容(Basic Content)：

组件名	说明
icon	图标
text	文字
progress	进度条

小程序表单(Form)：

标签名	说明
button	按钮
form	表单
input	输入框
checkbox	多项选择器
radio	单项选择器
picker	列表选择器
picker-view	内嵌列表选择器
slider	滑动选择器
switch	开关选择器
label	标签

小程序导航(Navigation)：

组件名	说明
navigator	应用内跳转

小程序多媒体(Media)：

组件名	说明
audio	音频
image	图片
video	视频

小程序地图(Map)：

组件名	说明
map	地图

小程序画布(Canvas)：

组件名	说明
canvas	画布

小程序客服会话：

组件名	说明
contact-button	进入客服会话按钮

另外有需要云服务器可以了解下创新互联cdcxhl.cn，海内外云服务器15元起步，三天无理由+7*72小时售后在线，公司持有idc许可证，提供“云服务器、裸金属服务器、高防服务器、香港服务器、美国服务器、虚拟主机、免备案服务器”等云主机租用服务以及企业上云的综合解决方案，具有“安全稳定、简单易用、服务可用性高、性价比高”等特点与优势，专为企业上云打造定制，能够满足用户丰富、多元化的应用场景需求。

网站名称：微信小程序_基础组件大全-创新互联
本文链接：http://www.jxjierui.cn/article/cscdpj.html