<template>
        <ul class="list4 ">
            <li class="col-md-3 pdL10 pdR10 mgB15" v-for="(game,index) in list4" :key="index">
                <router-link class="radius15" to="">
                    <div class="box-shadow">
                        <div class="imgbox">
                            <img class="w100" v-lazy="game.iconpath" :data-src="game.iconpath" alt="">

                        </div>
                        <div class="border pd15 ">
                            <h3 class="textC  fs18">{{game.gamename}}</h3>
                            <div class="  ">
                                <div class="txt mgT10 mgB10 fs12 color9">
                                    <span>类型：{{game.type}}</span>
                                    <span>语言：中文</span>
                                    <span>平台：{{game.flagname}}</span>
                                    <span>厂商：{{game.agent}}</span>
                                </div>

                                <p class="text-indent2 fs14 row2">
                                    {{game.descript.length > 65 ? game.descript.substring(0,65) +'...' : game.descript}}
                                </p>
                            </div>
                        </div>
                    </div>
                </router-link>
            </li>
        </ul>
</template>
<script>
    export default {
        data() {
            return {
                list4: [
                    {
                        "gameid": "89",
                        "gamename": "穿越火线：荒岛特训",
                        "type": "射击",
                        "agent": "腾讯游戏",
                        "downurl": "http://theme.cdn.betophall.com//data/apk/cf-10025942_com.tencent.tmgp.cf_u123_1.0.24.180.apk?gamename=穿越火线：荒岛特训",
                        "flagname": "网游",
                        "descript": "吃鸡模式请使用高级影射模式（Gatt连接）进行游戏，能获得最完美的体验。\r\n\r\n打开左游游戏厅并保持后台运行，进入游戏，手动完成新手教程，进入游戏设置，连接手柄和设备，点连接手柄按钮\r\n\r\n《穿越火线》（Cross Fire，简称CF）由韩国Smile Gate开发，在韩国由Neowiz发行，在中国大陆由腾讯公司运营。\r\n《穿越火线》是一款第一人称射击游戏的网络游戏，玩家扮演控制一名持枪战斗人员，与其他玩家进行械斗。",
                        "iconpath": "http://theme.cdn.betophall.com//data/webcover/201611121146205178.jpg"
                    },
                    {
                        "gameid": "731",
                        "gamename": "魂斗罗：归来",
                        "type": "射击",
                        "agent": "腾讯游戏",
                        "downurl": "http://theme.cdn.betophall.com//data/apk/xiao10025942_com.tencent.shootgame_u112_1.5.37.3418.apk?gamename=魂斗罗：归来",
                        "flagname": "网游",
                        "descript": "连接手柄和设备，进入游戏，就能直接手柄操作。如果激活了左游映射，请连接gatt模式，或者按start键，清空键位，避免键位冲突。\r\n\r\n《魂斗罗：归来》延续老版魂斗罗的经典玩法：横版射击。玩家用户通过手机虚拟摇杆操作，在游戏中可以选择不同武器，不同英雄角色，进行不同模式的冒险体验。玩家可以体验剧情章节，也可以参加无尽挑战和BOSS挑战，还可以组队体验2人闯关，以及互相进行1V1、3V3的PVP对战等。",
                        "iconpath": "http://theme.cdn.betophall.com//data/webcover/201706061116566392.jpg"
                    },
                    {
                        "gameid": "892",
                        "gamename": "最强NBA",
                        "type": "体育",
                        "agent": "腾讯游戏",
                        "downurl": "http://theme.cdn.betophall.com//data/apk/10025942_com.tencent.tmgp.NBA_u109_1.2.122.apk?gamename=最强NBA",
                        "flagname": "网游",
                        "descript": "《最强NBA》是由腾讯游戏开发并运营在Android、iOS的一款体育竞技手游。NBA正版授权，内有NBA球星阵容，真实细腻画面和热血实况对战场景，随时随地操控全场，感受真实的NBA对抗。\r\n《最强NBA》游戏中的玩法以竞技对战为主，玩家之间进行3V3六人实时街头对战，或1V1球队对战等多种方式的PVP对局，还可以选择游戏的闯关玩法，在满足条件后可以参加游戏的排位赛等。",
                        "iconpath": "http://theme.cdn.betophall.com//data/webcover/20171024154918479.jpg"
                    },
                    {
                        "gameid": "981",
                        "gamename": "NBA LIVE（九游服）",
                        "type": "体育",
                        "agent": "英雄互娱",
                        "downurl": "http://theme.cdn.betophall.com//data/apk/201711221716440e358b_NBAlive.uc.apk?gamename=NBA LIVE（九游服）",
                        "flagname": "网游",
                        "descript": "《NBA LIVE》由全球知名游戏研发公司EA开发，移动版秉承主机端还原现实的制作理念，您不光可以享受5v5流畅操控体验，还可以作为球队经理进行球员交易，与NBA名帅教练携手，一起打造属于自己的全明星阵容。\r\n除此之外，游戏中收录了800多名现役、退役球星，根据每一名球星赛场风格量身定制各项数值，游戏内事件随现实NBA比赛同步更新，让您全年365天时刻掌握NBA实时动态。\r\nEA出品，NBA正版授权，5v5真操控篮球手游《NBA LIVE》国服开启！快与好友组建战队联盟，征服来自各地的篮球爱好者，一起打造属于自己的传奇吧！",
                        "iconpath": "http://theme.cdn.betophall.com//data/game/webcover/201711281504573091.jpg"
                    },
                    {
                        "gameid": "985",
                        "gamename": "永远的七日之都",
                        "type": "动作",
                        "agent": "网易游戏 ",
                        "downurl": "http://theme.cdn.betophall.com//data/apk/qrzd_1_12_23.apk?gamename=永远的七日之都",
                        "flagname": "网游",
                        "descript": "《永远的7日之都》是一款由网易研发的泛二次元角色扮演游戏。融合AVG文字冒险与RPG传统格斗玩法。\r\n剧情标新立异，主线/支线自由发展。游戏世界每7日轮回，你可以发展城镇、积攒资源、与小姐姐培养好感度。多英雄操作，即时战斗策略丰富。不同抉择带来不同剧情，每位玩家都将获得不一样的体验，快来攻略你喜欢的小姐姐！川井宪次监制音乐，日本知名声优献声。钉宫理惠、花泽香菜、崛江由衣，带给你身临其境的二次元体验。",
                        "iconpath": "http://theme.cdn.betophall.com//data/game/webcover/201712011439416848.jpg"
                    }
                ]
            }
        },
        components: {},
        computed: {},
        mounted() {
        }
    }
</script>

<style lang="less" scoped>
    @import url("../../../assets/config.less");
    @media screen and (max-width: 768px){
        .imgbox{
            height: 200px;
            overflow: hidden;
        }
    }
    .list4{
        line-height:16px;

        a{
            > div{
                transition: all .3s;
            }
            &:hover{
                h3{
                    color: @common_cl;
                }
                & > div{
                    transform:translateY(-10px);
                }
            }
        }
    }
</style>
