-
组件
1.介绍:组件是视图层的基本组成单元,在小程序中我们所写的绝大部分标签其实都是组件。组件自带一些功能与微信风格的样式,比如小程序里的switch和微信中的switch开关样式是一致的。一个组件通常包括开始标签和结束标签,属性用来修饰这个组件,内容在两个标签之内。
2.小程序为我们提供了八类组件:媒体组件、视图容器、地图、基础内容、开放能力、表单组件、画布、导航
(1)视图容器组件主要是用于控制我们页面的内容,可以理解为一个盒子,在这个盒子内可以装入一些更小的盒子。微信为我们提供了五种视图容器,分别是:view、scroll-view、swiper、movable-view、cover-view
我们可以通过小程序官方文档的组件页面来查看各个组件的详细信息和实例。
(2)基础内容组件主要表示了我们页面的一些基本元素内容,微信为我们提供了四种基础内容组件:icon、text、rich-text、progress
注意:rich-text不支持再嵌套rich-text
(3)表单组件小程序为我们提供了11个:button、checkbox、form、input、label、picker、picker-view、radio、switch、slider、textarea
(4)navigator组件可以帮助我们在小程序页面之间进行跳转,微信小程序中导航组件对应的就是navigator组件。
(5)小程序提供了6种媒体组件,分别是:audio、image、video、camera、live-player、live-pusher
(6)在日常生活中我们都会通过地图来导航到一个我们想去的位置,小程序为我们提供的地图组件就是map组件。
(7)小程序提供给我们的画布组件是canvas组件,通过canvas我们可以完成一些复杂的动画。
(8)小程序为我们提供了开放能力的组件,通过这些组件我们可以完成加载网页、展示广告等更多的功能。开放能力组件包含了4种:open-data、web-view、ad、official-account
小程序提供了丰富的原生组件以及开放能力组件,通过这些组件帮助我们更好的开发我们自己的小程序。原生组件的种类太多,这里就不做挨个介绍演示了。官方的组件文档为我们提供了详细的属性信息和代码demo,通过自己在开发者工具中亲自练习一遍每个组件后,会对小程序的组件开发有更加深入的了解。下面放上官方文档地址
微信小程序开发(四)小程序开发框架之原生组件
©著作权归作者所有,转载或内容合作请联系作者
- 文/潘晓璐 我一进店门,熙熙楼的掌柜王于贵愁眉苦脸地迎上来,“玉大人,你说我怎么就摊上这事。” “怎么了?”我有些...
- 文/花漫 我一把揭开白布。 她就那样静静地躺着,像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上,一...
- 文/苍兰香墨 我猛地睁开眼,长吁一口气:“原来是场噩梦啊……” “哼!你这毒妇竟也来了?” 一声冷哼从身侧响起,我...
推荐阅读更多精彩内容
- 作者:叶小钗www.cnblogs.com/yexiaochai/p/9374374.html 前言 前面我们研究...