微信小程序开发教程之小程序组件

2018-12-30 16:38:00

关于微信小程序开发教程,迈特科技在之前的文章中跟大家分享过小程序开发的一些基本代码架构,那么今天跟大家分享一下小程序组件。

小程序提供了丰富的基础组件给开发者,开发者可以像搭积木一样,组合各种组件拼合成自己的小程序。

微信小程序开发教程之小程序组件-迈特科技

就像 HTML 的 div, p 等标签一样,在小程序里边,你只需要在 WXML 写上对应的组件标签名字就可以把该组件显示在界面上,例如,你需要在界面上显示地图,你只需要这样写即可:

 

<map></map>

使用组件的时候,还可以通过属性传递值给组件,让组件可以以不同的状态去展现,例如,我们希望地图一开始的中心的经纬度是南阳,那么你需要声明地图的 longitude(中心经度) 和 latitude(中心纬度) 两个属性:

 

<map longitude="南阳经度" latitude="南阳纬度"></map>

组件的内部行为也会通过事件的形式让开发者可以感知,例如用户点击了地图上的某个标记,你可以在 js 编写 markertap 函数来处理:

 

<map bindmarkertap="markertap" longitude="南阳经度" latitude="南阳纬度"></map>

当然你也可以通过 style 或者 class 来控制组件的外层样式,以便适应你的界面宽度高度等等。

 

迈特科技——靠谱的技术伙伴,为企业提供一站式技术服务。主要业务范围有:APP开发、小程序开发、微信开发、电商系统开发、物联网(IOT)开发等互联网+领域。

 

小程序开发www.nymaite.com

微信点餐系统www.nymaite.com/article_278.html

微信小程序申请www.nymaite.com/article_298.html


本文内容来源于互联网,由迈特科技整理仅供技术交流分享,版权归原作者所有,不承担相关法律责任。如有侵权请联系并提供相关证据,一经核实,会在1-2个工作日内删除。

推荐文章

微信咨询

咨询热线

0377-6698 8886

收起
顶部

回到顶部