data: {
    switchArray: [
          {
            id: 0,
            value: '朋友圈'
          },
          {
            id: 1,
            value: '扫一扫'
          },
          {
            id: 2,
            value: '摇一摇'
          }
        ]
}

// 现在你可以为`wx：for`提供attr`wx：key`来提高性能。
Now you can provide attr `wx:key` for a `wx:for` to improve performance.

// 值为被循环对象的某个属性，且该属性值为字符串或数字
wx:key="id"

// 假如component名称为 my-component
Component({
  properties: {},
  methods: {
    myEvent: function(){
      var myEventDetail = {} // detail对象，提供给事件监听函数
      var myEventOption = {
          bubbles: false, // 是否事件冒泡（事件冒泡你懂得，不过真有这样的需求？）
          composed: true, // 设置为true会触发组件内部的事件，也就是假如有一个自定义组件也定义了一个事件，那么这个事件也会被触发
          capturePhase: true // 事件是否拥有捕获阶段
      } // 触发事件的选项
      this.triggerEvent('myEvent', myEventDetail, myEventOption)
    }
  }
})

// 在my-component中添加事件
<button bind:tap="myEvent">点我点我</button>

// 页面中引入组件
<view>
    <my-component bind:myEvent="toDo"></my-component>
</view>
// 父亲中定义事件
toDo: function(){
    console.log('你造吗，我是你爸爸。')
}

// series中的data参数需要作为参数动态传入
params: {
    type: Array,
    value: [{
        value: 55,
        name: '苹果'
        }, {
        value: 20,
        name: '香蕉'
        }, {
        value: 10,
        name: '橘子'
        }]
}

// ec-canvas.js文件中加入我们的参数
properties: {
    params: {
      type: Object,
      observer: function (newVal, oldVal) {
        if (newVal.length == 0) {
          return;
        }
        this.init();
      }
    }
  }

// ec-canvas.js文件中，onInit方法中加入参数this.data.params
this.chart = this.data.ec.onInit(canvas, res.width, res.height, this.data.params);

/**
   * 组件的方法列表
   */
  methods: {
    initPie: function(e) {
      console.log('--initPie--', e)
      return initChart(e.detail.canvas, e.detail.width, e.detail.height, e.target.dataset.params)
    }
  }

wx.navigateTo({
    url: '/pages/test',
    events: {
        // 监听事件
        myEvent: function(data) {
          // do something
          console.log('被打开的页面给我传数据了', data)
        },
        testEvent: function(data) {
            console.log(data) // 打印：test
        }
    },
    success: function(res) {
        // 触发myEvent事件
      res.eventChannel.emit('myEvent', {data: 'now'})
    }
})

Page({
    onLoad: function(option) {
      const eventChannel = this.getOpenerEventChannel()
      // 监听当前页面触发的事件
      eventChannel.on('myEvent', function(data) {
        // do something
        console.log(data) // 打印：now
      })
      eventChannel.emit('testEvent', {data: 'test'})
    }
})

// 定义一个wxs文件 util.wxs
// 格式化价格
function formatPrice(num) {
  return `${num} 元`
}
module.exports.formatPrice = formatPrice

Component({
  options: {
    multipleSlots: true // 在组件定义时的选项中启用多slot支持
  }
})

// 组件card中定义外部样式类名
Component({
  externalClasses: ['custom-class']
})

{
    "window": {
        "navigationStyle": "custom"
    }
}

{
    "navigationStyle": "custom"
}

// 这是工具函数，to是对跳转页面的封装
import { to } from '../../utils/util'
// 获取全局应用实例
const app = getApp()
Component({
  /**
   * 组件的属性列表
   */
  properties: {
    title: {
      type: String,
      value: '???'
    }
  },

  /**
   * 组件的初始数据
   */
  data: {
    navBarHeight: 44,       
    statusBarHeight: 20
  },
  ready: function () {
    if (app.globalData) {
      this.setData({
        statusBarHeight: app.globalData.statusBarHeight,
        navBarHeight: app.globalData.navBarHeight
      })
    }
  },
  /**
   * 组件的方法列表
   */
  methods: {
    /**
     * 跳转到mine个人信息页
     * @param {Object} e 
     */
    _toMine: function (e) {
      to('/pages/mine/mine')
    }
  }
})

App({
  onLaunch: function () {
    this.initData()
  },
  globalData: { // 定义全局数据
    statusBarHeight: 20,
    navBarHeight: 44
  },
  /**
   * 获取手机系统信息
   */
  initData: function() {
    wx.getSystemInfo({
      success: res => {
        // 获取手机系统数据
        this.globalData.statusBarHeight = res.statusBarHeight
        if (res.model.toLowerCase().includes('iphone')) {
          this.globalData.navBarHeight = 44
        } else {
          this.globalData.navBarHeight = 48
        }
      }
    })
  }
})

// app.js中
//app.js
App({
  onLaunch: function () {
    this.initData()
  },
  globalData: {
    canUse: false,
    lowVersion: '7.0.0',
    lowSdkVersion: '2.4.3'
  },
  /**
   * 初始化系统参数
   */
  initData: function() {
    wx.getSystemInfo({
      success: res => {
          // 微信版本号和sdk版本号都符合要求才会渲染
        if(
            this.compareVersion(res.version, this.globalData.lowVersion) >= 0 && 
            this.compareVersion(res.SDKVersion, this.globalData.lowSdkVersion) >= 0) {
            this.globalData.canUse = true
        }
      }
    })
  },
  compareVersion(v1, v2) {
    v1 = v1.split('.')
    v2 = v2.split('.')
    const len = Math.max(v1.length, v2.length)
    while(v1.length < len) {
      v1.push('0')
    }
    while(v2.length < len) {
      v2.push('0')
    }
    for(let i=0; i< len; i++) {
      const num1 = parseInt(v1[i])
      const num2 = parseInt(v2[i])
      if(num1 > num2) {
        return 1
      } else if(num1 < num2) {
        return -1
      }
    }
    return 0
  }
})