{
  "pages":[
    "pages/index/index",
    "pages/logs/logs"
  ],
  "window":{
    "backgroundTextStyle":"light",
    "navigationBarBackgroundColor": "#fff",
    "navigationBarTitleText": "WeChat",
    "navigationBarTextStyle":"black"
  }
}

<view> {{ message }} </view>

Page({
  data: {
    message: \'Hello MINA!\'
  }
})

<view id="item-{{id}}"> </view>

Page({
  data: {
    id: 0
  }
})

<checkbox checked="{{false}}"> </checkbox>

<view hidden="{{flag ? true : false}}"> Hidden </view>

<view> {{a + b}} + {{c}} + d </view>

Page({
  data: {
    a: 1,
    b: 2,
    c: 3
  }
})

<view wx:if="{{length > 5}}"> </view>

<view>{{"hello" + name}}</view>

Page({
  data:{
    name: \'MINA\'
  }
})

<view wx:for="{{array}}">
  {{index}}: {{item.message}}
</view>

Page({
  data: {
    array: [{
      message: \'foo\',
    }, {
      message: \'bar\'
    }]
  }
})

<block wx:for="{{[1, 2, 3]}}">
  <view> {{index}}: </view>
  <view> {{item}} </view>
</block>

<view wx:for="{{array}}" wx:for-item="val" wx:for-index="key" wx:key="jiakuai">
  <view>{{index +"索引 val是值" + key}}: {{val.message}}</view>
    <view>{{index +"索引" + key}}: {{val.id}}</view>
</view>

    array:[{
      "id": 1,"message":"jllklk"},{ "id":2,
      "message":"klj"}]

<button bindtap="click">按钮</button>
<button bindlongtap="longclick">长按按钮</button>

 // click:function(e){
  //   console.log(\'lllll\')
  //   console.log(e)
  // },
  // longclick:function(){
  //   console.log(\'长按时间\')
  //   // timeStamp: 4798  进入页面知道点击所经历的时间
  // },

<button bindtap="clic" data-val="这是值" data-key="周四">传值按钮</button>

clic: function (e) {
    console.log(e.target.dataset)
  },

<view wx:if="{{condition}}"> True </view>

<view hidden="{{condition}}"> True </view>

/** common.wxss **/
.small-p {
  padding:5px;
}

/** app.wxss **/
@import "common.wxss";
.middle-p {
  padding:15px;
}

<view id="yy" class="oo">将老空间来记录</view>

#yy{
  width: 100rpx;
  height: 80rpx;
  background-color: red
}
.oo{
   width: 100rpx;
  height: 800rpx;
  background-color: yellow
}

<view style="color:{{color}};" />

<view hover-class="h-class">
  点击我试试
  </view>
  <!-- wxss -->
  .h-class{
    background-color: yellow;
  }

 <text selectable="{{false}}" decode="{{false}}">
    普&nbsp;通
  </text>

<video src="{{src}}" controls></video>

{
  "component": true
}

<view>{{title}}{{name}}</view>
<!-- 组件自定义变量写在my-com.js中组件的属性列表中 -->
<view bindtap="click">自定义组件的点击事件</view>   
<!-- 事件不能直接写在。js里面 yao写在js里面的method里面 -->

<!-- 这是自定义组件的内部WXML结构 -->
<view class="inner">
  {{innerText}}
    <slot></slot>
</view>

/* 这里的样式只应用于这个自定义组件 */
.inner {
  color: red;
}

Component({
  properties: {
    // 这里定义了innerText属性，属性值可以在组件使用时指定
    innerText: {
      type: String,
      value: \'default value\',
    }
  },
  data: {
    // 这里是一些组件内部数据
    someData: {}
  },
  methods: {
    // 这里是一个自定义方法
    customMethod: function(){}
  }
})

{
    // 引用声明
  "usingComponents": {
      // 要使用的组件的名称     // 组件的路径
    "component-tag-name": "path/to/the/custom/component"
  }
}

#页面中wxml
<my-con  title="{{变量名}}"><my-con/>

 #再组件中
   properties: {
    title:{
      type:String,
      value:"你好"
    }
  }

<view>{{title}}{{name}}</view>
<!-- 组件自定义变量写在my-com.js中组件的属性列表中 -->
<view bindtap="click">自定义组件的点击事件</view>   
<!-- 事件不能直接写在。js里面 yao写在js里面的method里面 -->

<my-com title="555"></my-com>

<!-- 自定义组件中的变量随时变换在导入的地方 直接写title=变量 -->
<my-com title="{{ll}}"></my-com>
<!-- 在自定义组件中自定义一个变量 在引用的地方可以直接传送过来 -->
<!-- 如果自定义组件的变量注释掉就不会显示了在饮用的地方 -->

 页面
 <my-com title="{{title}}" bind:icre="icre"></my-com>

页面中js
  icre:function(e){
    console.log(e)
    this.setData({
        num:this.data.num+1
    })
  },

<button bindtap=\'clickpush\'>加我</button>

clickpush:function(e){
      console.log(e)
      this.triggerEvent("icre",{"index":13},{})
    }

<view bindtap="click">自定义组件的点击事件</view>   
<!-- 事件不能直接写在。js里面 yao写在js里面的method里面 -->

 /**
   * 组件的方法列表
   */
  methods: {
    click:function(){
      console.log(\'lljljl\')
      this.triggerEvent("icre", {"a":123}, {})
      // 自定义组件触发事件时 需要使用这个方法 指定事件名 detail对象和时间选项
      // ice是个事件 第二个是传参数
    } 
  }
})

<text>{{sum}}</text>  
<!-- sum初始值为零 -->
<my-com title="{{ll}}" bind:icre="click"></my-com>
<!-- 绑定事件是bind不要加tap -->

click:function(e){
    // console.log("****")
    console.log(e.detail.a)
    var _this = this
    var sum = this.data.sum
    _this.setData({
      sum: sum+1
    })
  }
  // 没接收e之前 可以点击sum参数增加
  // 自定义绑定组件传值在抛出页面那个方法第二个参数里传值，获取从e.datail中获取注意是一个对象需要继续点击key

data:{
ll:"随时变话的自定义组件的值",
      sum:0
}