Component({
  mixins: [],
  props: {
    cardInfo: {
      name: '',
      sex: '',
      birthday: '',
      cardNum: '',
      balance: ''
    },
    onClick: () => {}
  },
  data: {
    image_bdfeecac: {
      src: 'data:image/gif;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAAeCAYAAAA7MK6iAAAABGdBTUEAALGOfPtRkwAAADhlWElmTU0AKgAAAAgAAYdpAAQAAAABAAAAGgAAAAAAAqACAAQAAAABAAAAHqADAAQAAAABAAAAHgAAAADpiRU/AAADX0lEQVRIDeWWTYiNYRTH72V8JsX4npEmorAxU2ywYqRIKWUlCwuLUaJJIrGxkZWNSfmI2IyS0lhOyYhmbMjMXciUMQaZYSYfg3H9/s99n7dznzvzvnM1ZeHU/55z/uc83+d53pvN5/NVmUzmHFgHpgJJtqCcXxHZeXQONGWz2VsR5xR97MHYDxYD3xYzo7ZzZUTyFd0GjmdpdB+jHnSAYZAkNQTngU0M/kSJtN+MagVvQTcYSzQhLawONKvhALgzVrblyVsDJIc9j93omHx+ueeSNLktoH8SSZrJt6RkE/sc2X775U6LuP5IpynlVdgO4gbMaDaOtkXxAbY17QjitjJovwG1GmhhP8Bt+tD5SlwNlAxMo20Ede5eXmKs8M449V3yFphcjXPF+G5G1pe9MCBUqeVKuKApYQfain8iow08FMzkS+DL1Z1OkjaCKiLhPciBIgm3REFdLd01X61vRI5DXNEoj0LamZZfMjCNtJqnaQ1N/Lexx21q4B6wimpW+f8yLcPtlL89ir8zeR8iu54+2g3vzXgnIGaAtaBPd64BlCNdJFf6XrGrwOsyOhght8HNBkPvrT4Sk32HY2itzj4GLo321Rg7gB6eJPlOsJ3jVPH9Z6LPou7yVlAL9MLI1xFo2wUVoDhVr+7kTbaq5IrRzy5iD4jp7jqBW48xCNclAn8Zqga/Vc5JUI70kjxfHXnBXxR1cMRz0nDPwD3PYV8C7gunlRwEugY1QO+yHndV7ZwI+gchX4PtBcrZDaxopyT+0Sl4hR2c6R30dOAKWNs4C+RYfjc6UZjtwyghrF6tYgj0JnaQyXQS1wLd+aXkpoeZ9CCTqkT/DLKLHiHiZ4kLpZ9FOqgDHeA56ARXlZgk5KgYT6FXBnmX8a97jvhGcMj5GJ/ADRM8gG9lwMSqo0Cj56Thlkb8McuHNjnXwKB4FddEiFYs8do5DHIBnHZO4UfxuLgM78yRgLBfn6IzC/JGc7dA9o0WUFWHou+xrpC/GqrEv5WiHbCdlAxM5elMz9ukCbTjHdMZ6+9n/JlLGUSPiiS8NgW2jF+tuAXsowheofXZimeFbUX8EqAaeGwD2L4Owrbifcw3cTWkgY8CvTq1YBgkyQuCFzmORzYJv4eJn4Brtjz2GfDRcE3Yru0f49jk8kPQBf8AAAAASUVORK5CYII=',
      url: "',type:'"
    }
  },
  methods: {
    clickCard() {
      this.props.onClick && this.props.onClick(this.props.cardInfo.cardNum, this.props.cardInfo);
    }

  }
});