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

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()
  },
})