开发者社区> 问答> 正文

小程序页面结构?

小程序页面结构?

展开
收起
社区秘书 2020-04-27 13:58:23 943 0
1 条回答
写回答
取消 提交回答
  • AXML 语法。 AXML 和 HTML 非常相似,但是也有很多不一样的地方。 AXML 是小程序框架设计的一套标签语言,用于描述小程序页面的结构。 AXML 语法可分为五个部分:数据绑定、条件渲染、列表渲染、模板、引用。 AXML 代码示例:

    <view a:for="{{items}}"> {{item}} </view>
    <view a:if="{{view == 'WEBVIEW'}}"> WEBVIEW </view>
    <view a:elif="{{view == 'APP'}}"> APP </view>
    <view a:else> alipay </view>
    <view onTap="add"> {{count}} </view>
    

    对应的 .js 文件示例:

     data: {
     items: [1, 2, 3, 4, 5, 6, 7],
     view: 'alipay',
     count: 1,
     },
     add(e) {
     this.setData({
     count: this.data.count + 1,
     });
     },
    });
    

    对应的 .acss 文件示例:

    view {
     padding-left: 10px; }
    

    内容来源:https://developer.aliyun.com/article/756818?spm=a2c6h.12873581.0.dArticle756818.26162b70Su1GZy&groupCode=tech_library

    2020-04-27 13:59:41
    赞同 展开评论 打赏
问答分类:
问答标签:
问答地址:
问答排行榜
最热
最新

相关电子书

更多
《云市场-小程序》 立即下载
数字乡村建设方案 立即下载
mPaaS 小程序新品发布 立即下载