WeTouch 开发文档

WeTouch 开发文档

组件

WeTouch提供了丰富的基础组件和示例给开发者,开发者可以像搭积木一样,组合各种组件拼合成自己的移动应用程序。

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

<ui-map></ui-map>

WeTouch所有的组件都是以ui为前缀的。

使用WeTouch的组件,无需引入或声明,直接使用标签即可。在工程编译输出时,WeTouch编译器会根据这个页面使用的组件进行自动的按需加载。

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

<ui-map longitude="北京经度" latitude="北京纬度"></ui-map>

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

<ui-map bindmarkertap="markertap" longitude="北京经度" latitude="北京纬度"></ui-map>

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

详细内容见文档的组件栏目。