youlegames/codes/agent/game/dlweb/api/web2/components/download-game.js

var downloadGame = {
  //template: '<div class="row"><ul class="list-unstyled pt8"><li class="box" v-for="(v,i) in info.list"><div class="item col-xs-3 pr0"><img class="game-logo center" :src="v.image" alt="logo"></div><div class="col-xs-6 grow2"><h4>{{ v.name }}</h4><p>{{ v.memo }}</p><p>游戏包大小：{{ isIOS ? v.ios_size : v.android_size }}</p></div><div class="item col-xs-3 pl0"><button class="btn btn-primary" @click="download(i, v.ios_marketid)">下载</button></div></li></ul><div class="panel-img" v-show="isShow" @click="isShow = false"><template v-if="isIOS"><img :src="pics[0]" v-show="!isIOSImgShow" class="full-screen"><img :src="pics[1]" v-show="isIOSImgShow" class="full-screen"></template><template v-else><img :src="pics[2]" class="full-screen"></template></div><div class="game-notice"><span>抵制不良游戏</span><span>拒绝盗版游戏</span><span>注意自我保护</span><span>谨防受骗上当</span><br><span>适度游戏益脑</span><span>沉迷游戏伤身</span><span>合理安排时间</span><span>享受健康生活</span><br></div></div>',
  /*template: `
  <div class="row">
			<ul class="list-unstyled pt8">
				<li class="box" v-for="(v,i) in info.list">
					<div class="item col-xs-3 pr0 pl0"><img class="game-logo center" :src="v.image" alt="logo"></div>
					<div class="col-xs-6 grow2 pr5 pl0"><h4>{{ v.name }}</h4>
						<p>{{ v.memo }}</p>
						<p>游戏包大小：{{ isIOS ? v.ios_size : v.android_size }}</p></div>
					<div class="col-xs-3 pl0 pr0">
						<button class="btn btn-primary" @click="download(i, v.ios_marketid, 0)" style="font-size: 12px;">&emsp;下载&emsp;</button>
						<button class="btn btn-info" @click="download(i, v.ios_marketid, 1)"
										v-if="v.ios_down_2 && v.android_down_2" style="margin-top: 5px;font-size: 12px;">
							备用下载
						</button>
					</div>
				</li>
			</ul>

			<div class="panel-img" v-show="isShow" @click="isShow = false">
				<template v-if="isIOS">
					<img :src="helpPic[0]" v-show="!isIOSImgShow" class="full-screen">
					<img :src="helpPic[1]" v-show="isIOSImgShow" class="full-screen">
				</template>
				<template v-else><img :src="helpPic[2]" class="full-screen"></template>
			</div>

			<div class="game-notice">
				<span>抵制不良游戏</span><span>拒绝盗版游戏</span><span>注意自我保护</span><span>谨防受骗上当</span><br>
				<span>适度游戏益脑</span><span>沉迷游戏伤身</span><span>合理安排时间</span><span>享受健康生活</span><br>
			</div>
		</div>
  `,*/
  template: '<div class="row"><ul class="list-unstyled pt8"><li class="box" v-for="(v,i) in info.list"><div class="item col-xs-3 pr0 pl0"><img class="game-logo center" :src="v.image" alt="logo"></div><div class="col-xs-6 grow2 pr5 pl0"><h4>{{ v.name }}</h4><p>{{ v.memo }}</p><p>游戏包大小：{{ isIOS ? v.ios_size : v.android_size }}</p></div><div class="col-xs-3 pl0 pr0"><button class="btn btn-primary" @click="download(i, v.ios_marketid, 0)" style="font-size: 12px;">&emsp;下载&emsp;</button><button class="btn btn-info" @click="download(i, v.ios_marketid, 1)" v-if="v.ios_down_2 && v.android_down_2" style="margin-top: 5px;font-size: 12px;">备用下载</button></div></li></ul><div class="panel-img" v-show="isShow" @click="isShow = false"><template v-if="isIOS"><img :src="helpPic[0]" v-show="!isIOSImgShow" class="full-screen"><img :src="helpPic[1]" v-show="isIOSImgShow" class="full-screen"></template><template v-else><img :src="helpPic[2]" class="full-screen"></template></div><div class="game-notice"><span>抵制不良游戏</span><span>拒绝盗版游戏</span><span>注意自我保护</span><span>谨防受骗上当</span><br><span>适度游戏益脑</span><span>沉迷游戏伤身</span><span>合理安排时间</span><span>享受健康生活</span><br></div></div>',
  data: function () {
    return {
      isIOS: false,
      isWechat: false,
      isShow: false,
      isIOSImgShow: false,
      info: {},
      helpPic: [
        './images/ios.png',
        './images/ios2.png',
        './images/and.png'
      ]
    }
  },
  methods: {
    /**
     * 下载链接
     * @param i
     * @param marketid
     * @param type
     */
    download: function (i, marketid, type) {
      console.log(i, marketid);
      // 是否是微信端
      if (this.isWechat) {
        // 是否显示帮助图片
        this.isShow = true;
        if (this.isIOS) {
          if (marketid === '2')
            this.isIOSImgShow = true;
          else
            this.isIOSImgShow = false;
        }
      } else {
        // 是否显示帮助图片
        this.isShow = false;
        // 下载地址
        var url = '';
        if(type === 0) {
          // 常用下载链接
          if (this.isIOS)
            url = this.info.list[i].ios_down;
          else
            url = this.info.list[i].android_down;
        } else {
          // 备用下载链接
          if (this.isIOS)
            url = this.info.list[i].ios_down_2;
          else
            url = this.info.list[i].android_down_2;
        }

        window.location.href = url;
      }
    }
  },
  created: function () {
    this.isIOS = $.whichSystem();
    this.isWechat = $.isWeiXin();

    var p = $.getQueryObj();

    $.api(
      "Youle.Youle.gameList",
      {agentid: p.agentid, channelid: p.channelid},
      function (res) {
        this.info = res;
      }.bind(this), true
    )
  }

}