微信小程序开发（六）WXML 模板

Morris_

已于 2023-08-03 09:29:23 修改

阅读量448

点赞数

分类专栏：微信小程序文章标签：微信小程序小程序

于 2023-03-10 07:28:02 首次发布

本文链接：https://blog.csdn.net/Morris_/article/details/129434811

版权

微信小程序专栏收录该内容

24 篇文章 0 订阅

订阅专栏

WXML模板

<!-- WXML -->

<!-- 1. 结构 -->
<!-- <标签名 属性名1="属性值1" 属性名2="属性值2" ...> ...</标签名> -->
<view class="container" id="container-header"> </view>

<!-- 2. 一个简单的文本标签 -->
<text>hello world</text>

<!-- 3. view 中包含了 text 标签 -->
<view>
  <text>hello world</text>
</view>

<!-- 4. 图片标签 -->
<image class="userinfo-avatar" src="./image/header.png" ></image>

<!-- 5. 数据绑定 -->
<!-- 页面层 -->
<text>当前时间：{{time}}</text>
<!-- 逻辑层 -->
Page({
  /**
   * 页面的初始数据
   */
  data: {
    time: (new Date()).toString()
  },
})