文档中心 > 店铺动态卡片-开发指引

店铺动态卡片-开发指引

AXML 介绍

更新时间：2024/07/31 访问次数：20868

AXML 是应用框架设计的一套标签语言，用于描述应用页面的结构。AXML 语法可分为五个部分：数据绑定、条件渲染、列表渲染、模板、引用。


一、AXML 代码示例


<!-- pages/index/index.axml -->
<view a:for="{{items}}"> {{item}} </view>
<view a:if="{{view == 'WEBVIEW'}}"> WEBVIEW </view>
<view a:elif="{{view == 'APP'}}"> APP </view>
<view a:else> taobao </view>
<view onTap="add"> {{count}} </view>


1.对应的 .js 文件示例


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


2.对应的 .acss 文件示例


/* pages/index/index.acss */
view {
  padding-left: 10px;
}


二、效果示例


FAQ

关于此文档暂时还没有FAQ
有用(0) 我要提问
返回
顶部
阿里巴巴集团 | 淘宝网 | 天猫 | 聚划算 | 全球速卖通 | 阿里巴巴国际交易市场 | 1688 | 阿里妈妈 | 阿里旅行·去啊 | 阿里云计算 | YunOS | 阿里通信 | 万网 | 高德 | 优视 | 友盟 | 酷盘 | 虾米 | 天天动听 | 来往 | 钉钉 | 11Main | 支付宝
关于淘宝 合作伙伴 营销中心 联系客服 开放平台 诚征英才 联系我们 网站地图 法律声明 © 2016 Taobao.com 版权所有
网络文化经营许可证：文网文[2010]040号 | 增值电信业务经营许可证：浙B2-20080224-1 | 信息网络传播视听节目许可证：1109364号