微信小程序入门（四）

<template name="tempItem">
  <view>
      <view>收件人：{{name}}</view>
      <view>手机号：{{phone}}</view>
      <view>地址：{{address}}</view>
  </view>
</template>

<template is="tempItem" data="{{...item}}"></template>

Page({
  data:{
    item:{
      name:'derek',
      phone:'110',
      'address':'美国'
    }
  }
})

<import src="a.wxml"></import>

<template is="a"></template>

<view>这里不会显示</view>

<template name='a'> hello world </template>

<view class='container'>hello world</view>

@import 'assets.wxss';
.container{
  color: red;
}

.container{
  border: 1px solid #000;
}

<view style="width:500px;height:30px;background-color:{{colorValue}}">
  hello world
</view>

Page({
  data:{
    colorValue:'red'
  }
})

<wxs module="m1">
  module.exports = {
    message:'hello world'
  }
</wxs> 

<view>{{m1.message}}</view> 

<wxs src='m2.wxs' module='m2'></wxs>

<view>{{m2.message}}</view>

module.exports = require('m1.wxs')

module.exports = {
  message:'good night'
}