微信小程序组件—微信小程序开发工具


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

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

<map></map>

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

<map longitude="广州经度" latitude="广州纬度"></map>

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

<map bindmarkertap="markertap" longitude="广州经度" latitude="广州纬度"></map>

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

更多的组件可以参考 小程序的组件 。

微信小程序开发神器《微信小程序自动切片生成布局软件》,可以快速自动生成小程序前端布局和代码,还有免费的教程和技术支持。

功能如下:

1、切片功能:原来手写的这部分工作,可以用切片软件的方法来切。切好后,可以自动生成wxml,wcss,js文件。

2、文字识别功能:效果图上的文字可以通过自动文字识别识别出来,提高录入的速度,减轻工作量。

3、存档功能:设计好的切片文件可以存档,以便下次需要的时候拿来重新编辑。只要有切片文件在,换了程序也可以秀给和编辑。

有任何疑问欢迎随时联系我们!

Q  Q : 348961183

官方网址:http://www.ymznkf.com/new_view_559.htm

软件下载地址:http://www.ymznkf.com/new_view_559.htm

猜你喜欢

转载自blog.csdn.net/qq_42218843/article/details/80705836