全部产品

AXML 介绍

更新时间:2019-09-09 14:06:35

AXML 是小程序框架设计的一套标签语言,用于描述小程序页面的结构。AXML 语法可分为五个部分:

AXML 代码示例:

  1. <!-- pages/index/index.axml -->
  2. <view a:for="{{items}}"> {{item}} </view>
  3. <view a:if="{{view == 'WEBVIEW'}}"> WEBVIEW </view>
  4. <view a:elif="{{view == 'APP'}}"> APP </view>
  5. <view a:else> alipay </view>
  6. <view onTap="add"> {{count}} </view>

对应的 .js 文件示例:

  1. // pages/index/index.js
  2. Page({
  3. data: {
  4. items: [1, 2, 3, 4, 5, 6, 7],
  5. view: 'alipay',
  6. count: 1,
  7. },
  8. add(e) {
  9. this.setData({
  10. count: this.data.count + 1,
  11. });
  12. },
  13. });