Touch WX 开发文档

Touch WX 开发文档

内容页面

在Touch WX中采用单文件的开发方式, 一个基本的page.wx文件代码如下:

<template>
  <view>
    内容部分
  </view>
</template>

<script>
export default {
  config: {
    navigationBarTitleText: '页面标题'
  },
  data: { 

  },
  navigateBack () {
    wx.navigateBack()
  }
}
</script>

<style lang="less">

</style>

原来微信小程序4个文件都合并到了这一个文件中。其中:

page.wxml的内容写在template节点下方,最好用一个view作为根节点;

page.js 的内容写在export default { }中。一个.wx页面只能有一个export default { },所有JS逻辑都要写在这里;

page.json 的配置项内容写在export default { }中的config节点下;

page.wxss的样式写在<style lang="less">里面,支持Less语法。