//index.js
//获取应用实例
const app = getApp()

Page({
  data: {
    userInfo: {},
    // 模板列表
    templateList: [
      {
        name: '模板一',
        url: '/pages/images/template/1.jpg'
      },
      {
        name: '模板二',
        url: '/pages/images/template/2.jpg'
      },
      {
        name: '模板三',
        url: '/pages/images/template/3.jpg'
      },
      {
        name: '模板四',
        url: '/pages/images/template/4.jpg'
      },
      {
        name: '模板五',
        url: '/pages/images/template/5.jpg'
      },
    ],
    form: {
      phone: '17319450324'
    },
    // 二维码
    qrcodeUrl: '/pages/images/qrcode.jpg'
  },
  // 事件处理函数
  imageChange: function (e) {
    if (e) {
      this.setData({ "form.template": this.data.templateList[e.detail.value].name })
      this.setData({ "form.imgurl": this.data.templateList[e.detail.value].url })
    } else {
      this.setData({ "form.template": this.data.templateList[0].name })
      this.setData({ "form.imgurl": this.data.templateList[0].url })
    }
    this.setData({ "form.imgIndex": e ? e.detail.value : 0 })
  },
  onLoad: function () {
    // 模板默认选择
    this.imageChange();
    wx.getUserInfo({
      success: res => {
        this.setData({
          userInfo: res.userInfo,
        })
      },
      fail: err => {
        wx.showToast({
          title: '没有授权获取微信用户信息',
          icon: 'error',
          duration: 2000
        })
        wx.redirectTo({
          url: '/pages/index/index',
        })
      }
    })
  },
})