移动游戏中心- 游戏中心

link管理

链接快照平台

输入网页链接，自动生成快照
标签化管理网页链接

相关文章推荐

伤情的凉茶 · Using WorkManager in ...· 2 月前 ·

才高八斗的咖啡 · Probelms with Pillow: ...· 7 月前 ·

开心的遥控器 · mongodb 常用查询· 1 年前 ·

欢快的拐杖 · 解决requests，已经安装却无法impo ...· 1 年前 ·

稳重的蟠桃 · 【项目实战】Java 开发 Kafka ...· 1 年前 ·

</noscript><div id="app"><div class="bui-app-vue"><div class="bui-app-page" data-page="detail_share"><header-nav :head-info="headInfo"/><div v-if="showBar &amp;&amp; !isCmIMAX" class="app-dowload-bar"><div class="bili-icon"/><div class="words"><div class="title">打开哔哩哔哩客户端</div><div class="dec">进游戏中心，玩火爆游戏，看精彩内容！</div></div><div class="bui-btn open-app">打开</div><div class="bui-icon icon-delete"/></div><section class="bui-container" :class="!showOperate?'show-operate':''"><div class="detail-game-info" id="detailGameInfo"><div v-if="!isCmIMAX" data-track-second="track-video" class="game-info-video bui-holder-img"><template v-if="gameInfoData.initVideoCover == 1"><span class="video-btn-play"><i class="bui-icon icon-play"/></span></template><template v-else=""><img v-if="gameInfoData.video_image" class="img-lazy-el img-lazy-appear" :src="GlobalImageHandler(gameInfoData.video_image,{width:10.8})"/> <span v-if="gameInfoData.video_url" class="video-btn-play" gameinfodata.bv_id="" ga-data="1100101" :ga-data-val="gameInfoData.game_base_id"><i class="bui-icon icon-play"/></span></template></div><div class="game-info-wrap" :class="gameInfoData.source == 3 ? 'pc-game':''"><div class="game-icon"><img v-if="gameInfoData.icon" class="img-lazy-el img-lazy-appear" :src="GlobalImageHandler(gameInfoData.icon,{width:2.22})"/></div><div class="game-info-float-wrap"><template v-if="gameInfoData.initGameName == 1"><h4 class="game-name"><div class="bui-holder-txt" style="width:100%;height:.7rem;margin-top:.06rem"/></h4></template><template v-else=""><h4 v-if="gameInfoData.title" class="game-name">{{gameInfoData.title}}{{gameInfoData.expanded_name}}</h4></template><div class="game-info"><template v-if="gameInfoData.initGameInfo == 1"><div class="bui-holder-txt" style="width:1.8rem;height:.45rem;margin:.3rem 0 .21rem"/><div class="bui-holder-txt" style="width:2.7rem;height:.45rem;margin-bottom:.06rem"/></template><template v-else=""><template v-if="gameInfoData.developer_input_name"><div class="dev-name">{{gameInfoData.developer_input_name}}</div></template><template v-if="gameInfoData.source != 3"><div v-if="gameInfoData.operator_name">{{gameInfoData.operator_name}}</div><template v-if="!hideGameInfo"><div v-if="gameInfoData.download_count&gt;0 || gameInfoData.book_num&gt;0">{{gameEvolve}}</div></template></template><template v-else=""><div class="country-name">{{gameInfoData.operator_name}}</div><div class="operate-name">{{gameInfoData.platform_str}}</div></template></template></div></div><div v-if="gameInfoData.valid_comment_number &gt;= 0" class="game-comment-info"><div class="comment-panel"><div v-if="gradeNum &amp;&amp; gameInfoData.valid_comment_number&gt;=10" class="game-grade">{{gradeNum}}</div><div v-if="gameInfoData.valid_comment_number || gameInfoData.valid_comment_number == 0" class="game-rate"><template v-if="gameInfoData.valid_comment_number&gt;=10 &amp;&amp; gameInfoData.grade"><div class="bui-rate"><template v-if="gameInfoData.initStarRate == 1"><div class="rate-star star-gray"><div class="rate-star star-light" style="width:100%"/></div></template><template v-else=""><div class="rate-star star-gray"><div class="rate-star star-light" :style="gradeCss"/></div></template></div></template><template v-else="">(评分过少)</template></div><div v-if="bookOrCommentNums" class="comment-nums">{{bookOrCommentNums}}{{userRepeatText}}&gt;</div></div></div><div v-else="" class="game-comment-info"><div class="comment-panel"><div class="bui-holder-txt" style="height:.72rem;width:1.5rem;margin:auto;margin-bottom:.42rem"/><div class="bui-holder-txt" style="height:.42rem;width:2.1rem;margin:auto;margin-bottom:.24rem"/><div class="bui-holder-txt" style="height:.42rem;width:2.1rem;margin:auto"/></div></div><div v-if="contentData.tag_list &amp;&amp; contentData.tag_list.length &gt; 0" class="tag-list-wrap" data-track-second="track-tag"><div class="bui-mod-content" :class="!isExpand ? 'expand-tag' : ''"><span class="bui-tag-list"><div v-for="(item,i) in contentData.tag_list" :key="i" class="bui-tag">{{item.name}}</div></span></div><div v-if="showExpandBtn" class="bui-icon icon-expand" :class="tagIcon"/></div></div></div><div class="bui-tab detail-page-tab" id="detailPageTab"><div v-show="resetTab" class="tab-nav bui-flex"/><ul v-show="!resetTab" class="tab-nav bui-flex" :class="statusAnimationCss" data-track-second="track-other"><li class="bui-flex-item item-grow-1 tab-nav-item" :class="{ cur:tabNum==1 }" data-tab-name="detail" ga-data="1100902" :ga-data-val="gameInfoData.game_base_id">详情</li><li class="bui-flex-item item-grow-1 tab-nav-item" :class="{ cur:tabNum==2 }" data-tab-name="comment" ga-data="1101001" :ga-data-val="gameInfoData.game_base_id">评价<span v-if="commentNums" class="comment-num">{{commentNums}}</span></li><li v-show="gameInfoData.show_strategy" class="bui-flex-item item-grow-1 tab-nav-item" :class="{ cur:tabNum==3 }" id="tabNavStrategy" data-tab-name="strategy" ga-data="1101002" :ga-data-val="gameInfoData.game_base_id">攻略</li></ul><ul class="tab-content"><li class="tab-content-item detail-overview-wrapper" :class="{ cur:tabNum==1 }"><div v-if="orderRewardData &amp;&amp; orderRewardData.reward &amp;&amp; orderRewardData.reward.length &gt; 0" class="book-award" data-track-second="track-booking-reward"><div class="bui-mod-content"><div class="bui-title theme-info">预约奖励</div><div class="award-list"><div v-for="(item,i) in orderRewardData.reward" class="award-item"><div class="num" :class="{'cur':item.count&lt;=orderRewardData.order_count}">{{item.level}}</div><div class="content"><div class="title">{{item.count}} 次预约</div><div class="text">{{item.content}}</div></div><img v-if="item.pic" class="img" :src="item.pic" alt=""/></div><div :style="{height: orderHeight + 'px'}" class="progress"><div :style="{height: orderPre + '%'}" class="precent"/></div></div></div></div><div v-if="gameInfoData.source == 3 &amp;&amp; contentData.media_score &amp;&amp; contentData.media_score.length &gt; 0" class="bui-mod-wrap theme-white"><div class="bui-mod-content"><div class="bui-title theme-info">媒体评分</div><div class="channel-grade"><com-channel-grade v-for="(item, i) in contentData.media_score" :key="i" :media-score="item"/></div></div></div><div class="detail-recommend" id="detailRecommend"><template v-if="contentData.initAllContent == 1"><div class="bui-mod-wrap theme-white"><div class="bui-mod-content"><div class="bui-title theme-info"><div class="bui-holder-txt" style="width:20%;height:.42rem;margin-top:.33rem"/></div><div class="bui-fold-txt action-fold-txt"><div class="fold-txt intro"><div class="bui-holder-txt" style="height:.36rem;margin:.12rem 0 .27rem"/><div class="bui-holder-txt" style="height:.36rem;margin:.24rem 0 .15rem"/></div></div></div></div><div class="bui-mod-wrap"><div class="bui-mod-content"><div class="bui-banner-2 swiper-container"><div class="swiper-wrapper"><div class="swiper-slide" style="width:3.8rem"/><div class="swiper-slide" style="width:3.8rem;margin-left:.36rem"/><div class="swiper-slide" style="width:3.8rem;margin-left:.36rem"/></div></div></div></div></template><template v-else=""><div v-if="developIntro" class="game-desc bui-mod-wrap theme-white"><div class="bui-mod-content"><template v-if="contentData.desc"><div class="bui-title theme-info">游戏简介</div><div class="bui-fold-txt action-fold-txt" data-track-second="track-game-intro"><div class="fold-txt intro">{{contentData.desc}}</div><div class="fold-switch-txt"><i class="bui-icon icon-expand"/></div></div></template><div class="develop-word"><div class="title"><i class="bui-icon icon-quote-mark"/>开发者的话</div><div class="bui-fold-txt action-fold-txt"><div class="fold-txt intro" v-html="developIntro"/><div class="fold-switch-txt"><i class="bui-icon icon-expand"/></div></div></div></div></div><div v-if="contentData.screen_shots &amp;&amp; contentData.screen_shots.length&gt;0" class="bui-mod-wrap" data-track-second="track-five-pics"><div class="bui-mod-content"><div class="bui-banner-2 swiper-container"><div class="swiper-wrapper"><div v-for="(item,i) in contentData.screen_shots" class="swiper-slide" :style="{'width':(item.width / item.height * 5.7)+'rem'}"><img :src="GlobalImageHandler(item.url,{height:5.7})"/></div></div></div></div></div><div v-if="characterData.length" class="overview-list-role" id="listRoles"><div class="bui-mod-wrap" data-track-second="track-role-cv"><div class="bui-mod-content"><div class="bui-title theme-info">角色介绍</div><div class="bui-list-role"><span v-for="(item, i) in characterData" class="bui-item-role" ga-data="1100301" :ga-data-val="gameInfoData.game_base_id"><span v-if="item.icon" class="role-img" :style="{'backgroundImage': 'url('+GlobalImageHandler(item.icon,{height:3.6})+')'}"/><h4 class="role-name">{{item.name}}</h4><p class="role-info">CV {{item.cv}}</p></span></div></div></div></div><div v-if="upUserList.length &gt; 0" class="up-playing-wrap"><div class="bui-title">UP主在玩<span class="title-more" ga-data="1100406" :ga-data-val="gameInfoData.game_base_id">更多<i class="bui-icon icon-more"/></span></div><div class="bui-list-comment swiper-container"><div class="swiper-wrapper"><div v-for="(commentItem, i) in upUserList" :key="i" class="bui-item-comment swiper-slide" ga-data="1100405" :ga-data-val="gameInfoData.game_base_id"><div class="comment-item"><div class="user-comment-header"><div class="user-face"><img class="img-lazy-el lazy" src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAIAAAACCAIAAAD91JpzAAAAE0lEQVQIHWO88/gZAwMDExADAQAf3AKpQxsmrAAAAABJRU5ErkJggg==" :data-original="GlobalImageHandler(commentItem.user_face, {width:0.9,pixelType:'rem',dpr:2})"/> <span v-show="commentItem.user_official_verify_type == 0 || commentItem.user_official_verify_type == 1" class="verify-type"><i class="bui-icon icon-verify" :class="upVerifyType(commentItem.user_official_verify_type)"/></span></div><div class="title-column"><div class="user-name"><span class="name">{{commentItem.user_name}}</span> <span class="user-level"><i v-if="commentItem.user_level&gt;=0" class="bui-icon icon-lv-bg"/> <i class="bui-icon" :class="levelCss(commentItem.user_level)"/> </span><span v-if="commentItem.is_purchased" class="always-purchase"><i class="bui-icon icon-always-purchase"/></span></div><span class="comment-date">{{commentTime(commentItem.publish_time)}}</span><div class="comment-rate"><div class="bui-rate"><div class="rate-star star-gray"><div class="rate-star star-light" :style="{'width': (commentItem.grade / 10 * 100) +'%'}"/></div></div></div></div></div><div class="comment-info"><div class="comment-content">{{commentItem.content}}</div><div class="bui-comment-zan"><span class="action-col action-reply" ga-data="1100414" :ga-data-val="gameInfoData.game_base_id"><i class="bui-icon icon-comment"/> <span class="action-num">{{commentItem.reply_count}}</span> </span><span class="action-col action-up" :class="{'active':commentItem.evaluate_status==1}" ga-data="1100415" :ga-data-val="gameInfoData.game_base_id"><i class="bui-icon icon-comment-up"/> <span class="action-num">{{commentItem.up_count}}</span> </span><span class="action-col action-down" :class="{'active':commentItem.evaluate_status==2}" ga-data="1100416" :ga-data-val="gameInfoData.game_base_id"><i class="bui-icon icon-comment-down"/> <span class="action-num">{{commentItem.down_count}}</span></span></div></div></div></div></div></div></div><div class="ad-put-ui"><div class="txt" ga-data="1101801" :ga-data-val="gameInfoData.game_base_id" data-track-second="track-enter">前往游戏中心，体验更多精品游戏<i class="bui-icon icon-more"/><i class="bui-icon icon-more"/><i class="bui-icon icon-more"/></div></div><div class="bui-mod-wrap theme-white" ga-data="1100305" :ga-data-val="gameInfoData.game_base_id"><div v-if="accountData.mid" class="office-account"><div class="user-face"><img v-if="accountData.face" class="item-pic" :src="GlobalImageHandler(accountData.face, {width:1.2})" alt=""/> <img v-else="" class="item-pic" src="//static-mobilegame-1.biligame.net/img/bg-login.c5e3737c.jpg" alt=""/> <span v-show="accountData.official_verify &amp;&amp; (accountData.official_verify.type == 0 || accountData.official_verify.type == 1)" class="verify-type"><i class="bui-icon icon-verify" :class="verifyType"/></span></div><div class="approve-info"><div v-if="accountData.uname" class="title">{{accountData.uname}}</div><div class="infos"><span v-if="approveType" class="name">{{approveType}}</span> <span v-if="approveDesc" class="desc">{{approveDesc}}</span></div></div><div :class="attentionOfficeCss" :ga-data="{add:'1100303',cancel:'1100304'}" :ga-data-val="gameInfoData.game_base_id">{{btnOfficeTxt}}</div></div></div></template></div><div class="detail-recommend" id="detailRecommendExtra"><div v-if="contentData.latest_update_time&amp;&amp;contentData.latest_update" class="bui-mod-wrap theme-white"><div class="bui-mod-content"><div class="bui-title theme-info">最近更新<div v-if="contentData.latest_update_time" class="update-time">{{contentData.latest_update_time}}</div></div><div class="game-update"><div v-if="contentData.version" class="version">版本 {{contentData.version}}</div></div><div class="bui-fold-txt action-fold-txt"><div class="fold-txt intro">{{contentData.latest_update}}</div><div class="fold-switch-txt"><i class="bui-icon icon-expand"/></div></div></div></div><div v-if="commentRecommendData &amp;&amp; commentRecommendData.length &gt; 0" class="overview-comment-list" id="detailRecommendComment"><div class="bui-mod-wrap theme-white" data-track-second="track-recommend-comment"><div class="bui-mod-content"><div class="bui-title theme-info">评价 <span class="title-more" ga-data="1100401" :ga-data-val="gameInfoData.game_base_id">更多<i class="bui-icon icon-more"/></span></div><div class="bui-list-comment"><com-comment-item v-for="(item,i) in commentRecommendData" :key="i" :comment-item="item" :share-page="true" :user-info="userInfo" :device-info="deviceInfo" :is-detail="true"/></div></div></div></div><div v-if="gameInfoData.game_base_id" class="bui-mod-wrap theme-white" data-track-second="track-detail"><div class="bui-mod-content"><div class="bui-title theme-info">详细信息</div><div class="detail-content-list"><ul class="bui-flex flex-wrap"><li v-if="gameInfoData.source != 1" class="bui-flex-item office-account detial-list"><div><div class="user-face"><img v-if="officeAccountData.face" class="item-pic" :src="GlobalImageHandler(officeAccountData.face, {width:1.2})" alt=""/> <span v-show="officeAccountData.official_verify &amp;&amp; (officeAccountData.official_verify.type == 0 || officeAccountData.official_verify.type == 1)" class="verify-type"><i class="bui-icon icon-verify" :class="officeVerifyType"/></span></div><div class="approve-info"><div class="title">{{officeAccountData.uname||"哔哩哔哩游戏中心 "}}</div><div class="infos"><span v-if="approveType" class="name">{{officeApproveType}}</span> <span v-if="approveDesc" class="desc">{{officeApproveDesc}}</span></div></div></div><div :class="attentionCss" :data-track-second="officeAccountData.is_followed ? 'track-detail-unfollow' : 'track-detail-follow'" :ga-data="{add:'1100402',cancel:'1100403'}" :ga-data-val="gameInfoData.game_base_id">{{btnTxt}}</div></li><li v-if="contentData.qq_group_list &amp;&amp; contentData.qq_group_list.length &gt; 0" class="bui-flex-item detail-content-txt" data-track-second="track-interflow"><label class="detail-content-title">玩家交流群</label> <span class="download-count hints"><template v-for="(item, i) in contentData.qq_group_list"><span v-if="i != 0" class="qq-line"> / </span><span class="qq-num">{{item}}</span></template></span></li><template v-if="gameInfoData.source == 2"><li v-if="gameInfoData.download_count" class="bui-flex-item detail-content-txt"><label class="detail-content-title">玩过人数</label> <span class="download-count hints">{{gameInfoData.download_count}}</span></li><li v-if="gameSize &amp;&amp; gameInfoData.is_online &amp;&amp; gameInfoData.android_game_status != 6" class="bui-flex-item detail-content-txt"><label class="detail-content-title">文件大小</label> <span class="game-global-config-game-size hints">{{gameSize}}MB</span></li><li v-if="gameInfoData.developer_name" class="bui-flex-item detail-content-txt break-line-txt"><label class="detail-content-title">发行商</label> <span class="develop-factory hints">{{gameInfoData.developer_name}}</span></li><li v-if="gameInfoData.establisher_name" class="bui-flex-item detail-content-txt break-line-txt"><label class="detail-content-title">开发商</label> <span class="develop-factory hints">{{gameInfoData.establisher_name}}</span></li><li v-if="gameInfoData.operator_name" class="bui-flex-item detail-content-txt"><label class="detail-content-title">运营厂商</label> <span class="opration-factory hints">{{gameInfoData.operator_name}}</span></li></template><template v-else=""><template v-if="(!deviceInfo.hasIOS &amp;&amp; (gameInfoData.android_game_status==0 || gameInfoData.android_game_status==3 || gameInfoData.android_game_status==4)) || (deviceInfo.hasIOS &amp;&amp; gameInfoData.ios_game_status==0)"><li v-if="!hideGameInfo &amp;&amp; gameInfoData.download_count" class="bui-flex-item detail-content-txt" id="downloadCount"><label class="detail-content-title">{{gameDownloadIntro}}</label> <span class="download-count hints">{{gameInfoData.download_count}}</span></li></template><template v-else-if="(!deviceInfo.hasIOS &amp;&amp; (gameInfoData.android_game_status==1 || gameInfoData.android_game_status==2)) || (deviceInfo.hasIOS &amp;&amp; (gameInfoData.ios_game_status==1 || gameInfoData.ios_game_status==2))"><li v-if="gameInfoData.book_num" class="bui-flex-item detail-content-txt"><label class="detail-content-title">预约人数</label> <span class="download-count hints">{{gameInfoData.book_num}}</span></li></template><template v-if="(!deviceInfo.hasIOS &amp;&amp; (gameInfoData.android_game_status==0 || gameInfoData.android_game_status==3 || gameInfoData.android_game_status==4)) || (deviceInfo.hasIOS &amp;&amp; gameInfoData.ios_game_status==0)"><li v-if="gameSize &amp;&amp; gameInfoData.is_online" class="bui-flex-item detail-content-txt"><label class="detail-content-title">文件大小</label> <span class="game-global-config-game-size hints">{{gameSize}}MB</span></li></template><li v-if="gameInfoData.developer_name" class="bui-flex-item detail-content-txt break-line-txt"><label class="detail-content-title">发行商</label> <span class="develop-factory hints">{{gameInfoData.developer_name}}</span></li><li v-if="gameInfoData.establisher_name" class="bui-flex-item detail-content-txt break-line-txt"><label class="detail-content-title">开发商</label> <span class="develop-factory hints">{{gameInfoData.establisher_name}}</span></li><li v-if="gameInfoData.operator_name" class="bui-flex-item detail-content-txt"><label class="detail-content-title">运营厂商</label> <span class="opration-factory hints">{{gameInfoData.operator_name}}</span></li></template><li v-if="this.contentData.update_time" class="bui-flex-item detail-content-txt"><label class="detail-content-title">更新日期</label> <span class="hints">{{this.contentData.update_time}}</span></li><li v-if="gameInfoData.source == 0 || gameInfoData.source == 2 || gameInfoData.source == 3" class="bui-flex-item detail-content-txt"><div class="servive-info" ga-data="1100306" :ga-data-val="gameInfoData.game_base_id" data-track-second="track-service"><label class="detail-content-title">客服信息</label> <span class="infos">查看</span></div></li><li v-if="contentData.website" class="bui-flex-item detail-content-txt"><div class="servive-info" ga-data="1100307" :ga-data-val="gameInfoData.game_base_id"><label class="detail-content-title">官网</label> <span class="infos">进入</span></div></li><li class="bui-flex-item detail-content-txt" data-track-second="track-game-center-account"><div class="servive-info" ga-data="1100308" :ga-data-val="gameInfoData.game_base_id"><label class="detail-content-title">游戏中心官方账号</label> <span class="infos">查看</span></div></li><template v-if="!deviceInfo.hasIOS"><li v-if="contentData.is_show_permission_detail == 1" class="bui-flex-item detail-content-txt"><div class="servive-info" ga-data="1101104" :ga-data-val="gameInfoData.game_base_id" data-track-second="track-permissions"><label class="detail-content-title">权限信息</label> <span class="infos">查看</span></div></li><li v-if="gameInfoData.privacy_policy_link" class="bui-flex-item detail-content-txt"><div gameinfodata.privacy_policy_link="" class="servive-info" ga-data="1101105" :ga-data-val="gameInfoData.game_base_id" data-track-second="track-privacy"><label class="detail-content-title">隐私政策</label> <span class="infos">查看</span></div></li></template></ul></div></div></div></div><div v-if="recommedGameData.length &gt; 0" class="recomment-games"><div class="bui-mod-wrap theme-white" data-track-second="track-recommend-game"><div class="bui-mod-content" id="recommendGamesReport"><div class="bui-title theme-info">相关游戏推荐</div><div class="bui-list-games hor-lazy-img"><div v-for="(item,i) in recommedGameData" :key="i" v-if="i&lt;10" class="game-item" ga-data="1100802" :ga-data-val="item.game_base_id" :ga-data-index="i+1" :ga-data-request-id="recommedGameData.request_id"><div class="game-icon"><img class="img-lazy-el lazy" :data-original="GlobalImageHandler(item.icon,{width:1.8})" src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAIAAAACCAIAAAD91JpzAAAAE0lEQVQIHWO88/gZAwMDExADAQAf3AKpQxsmrAAAAABJRU5ErkJggg==" alt=""/></div><div class="game-name">{{item.name}}{{item.expanded_name}}</div></div></div></div></div></div><div v-if="otherGameData.length &gt; 0" class="other-games"><div class="bui-mod-wrap theme-white" data-track-second="track-same-company-game"><div class="bui-mod-content" id="recommendGamesReport"><div class="bui-title theme-info">该厂商其他游戏</div><div class="bui-list-games hor-lazy-img"><div v-for="(item,i) in otherGameData" :key="i" v-if="i&lt;10" class="game-item" ga-data="1101601" :ga-data-val="item.game_base_id" :ga-data-index="i+1" :ga-data-request-id="otherGameData.request_id"><div class="game-icon"><img class="img-lazy-el lazy" :data-original="GlobalImageHandler(item.icon,{width:1.8})" src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAIAAAACCAIAAAD91JpzAAAAE0lEQVQIHWO88/gZAwMDExADAQAf3AKpQxsmrAAAAABJRU5ErkJggg==" alt=""/></div><div class="game-name">{{item.title}}{{item.expanded_name}}</div></div></div></div></div></div></li><li class="tab-content-item" :class="{ cur:tabNum==2 }"><div v-if="commentFiveFiguresData.grade &amp;&amp; commentFiveFiguresData.valid_comment_number &gt;= 10" class="grade-panel bui-mod-wrap theme-white"><div class="slide1"><div class="grade-stats"><div class="grade">{{commentFiveFiguresData.grade.toFixed(1)}}</div><div class="bui-rate"><div class="rate-star star-gray"><div class="rate-star star-light" :style="gradeCss"/></div></div><div class="grade-amount">{{bookOrCommentNums}} {{userRepeatText}}</div></div><template v-if="gameInfoData.source == 3 &amp;&amp; contentData.media_score &amp;&amp; contentData.media_score.length &gt; 0"><div class="channel-grade comment-tab"><com-channel-grade v-for="(item, i) in contentData.media_score" :key="i" :media-score="item"/></div></template><template v-else=""><table v-if="starNumberList &amp;&amp; starNumberList.length &gt; 0 &amp;&amp; commentNumber !=0 " border="0" cellpadding="0" cellspacing="0" class="star-number-table" :class="!hasRepeatGame ? 'no-repeat' : ''"><tr v-for="(item,i) in starNumberList"><th><div class="bui-icon icon-tint-stars"><div class="bui-icon icon-default-stars" :style="{'width':(starNumberList.length - i)*20+'%'}"/></div></th><td><div v-if="userCommentGrades" class="bui-progress"><span class="progress-bar" :style="{'width':(item / userCommentGrades * 100)+'%'}"/></div></td></tr></table></template><div v-if="!hasRepeatGame &amp;&amp; (gameInfoData.source == 0 || gameInfoData.source == 1 || gameInfoData.source == 2 || (gameInfoData.source == 3 &amp;&amp; (!contentData.media_score || contentData.media_score &amp;&amp; contentData.media_score.length &lt;= 0)))" class="user-comment" ga-data="1100503" :ga-data-val="gameInfoData.game_base_id" data-track-second="track-comment"><div class="bui-icon icon-edit"/></div></div></div><div v-if="(myCommentData &amp;&amp; myCommentData.uid) || (userCommentPageData &amp;&amp; userCommentPageData.length &gt; 0)" data-track-second="track-comment" class="bui-mod-wrap theme-white" data-name="commentList" :data-rank-type="commentType"><div class="bui-title theme-info"><span class="title-more" data-track-second="track-comment-sort"><span data-rank-type="3" ga-data="1110105" :ga-data-val="gameInfoData.game_base_id">默认</span> | <span data-rank-type="1" ga-data="1110106" :ga-data-val="gameInfoData.game_base_id">有用</span> | <span data-rank-type="2" ga-data="1110107" :ga-data-val="gameInfoData.game_base_id">最新</span></span></div><div class="bui-list-comment" data-track-second="track-comment-content" ga-data="1100504" :ga-data-val="gameInfoData.game_base_id"><com-comment-item v-if="myCommentData.uid" :comment-item="myCommentData" :user-info="userInfo" :device-info="deviceInfo" :share-page="true" :is-detail="true"/><com-comment-item v-for="(item,i) in userCommentPageData" v-if="item.uid != userInfo.mid" :key="i" :comment-item="item" :user-info="userInfo" :device-info="deviceInfo" :share-page="true" :is-detail="true"/></div></div></li><li class="tab-content-item strategy-item" :class="{ cur:tabNum==3 }"><div id="pageStrategyList" class="bui-mod-wrap" data-track-second="track-list-strategy"><ul class="news-dec-list"><com-strategy-item v-for="(subscribeInfo,i) in strategySubscribeList" v-if="i &lt; 10" :key="i" :subscribe-info="subscribeInfo" :device-info="deviceInfo" :cur-page-name="pageName"/></ul></div><div v-if="strategySubscribeList.length &gt; 10" class="ad-put-ui"><div class="txt" ga-data="1101801" :ga-data-val="gameInfoData.game_base_id" data-track-second="track-enter">前往游戏中心，体验更多精品游戏<i class="bui-icon icon-more"/><i class="bui-icon icon-more"/><i class="bui-icon icon-more"/></div></div></li></ul></div></section><div v-if="contentData.screen_shots" v-show="fullPicStatus" class="bui-full-pic" id="fullPic"><div class="swiper-container"><div class="swiper-wrapper"><div v-for="(item,i) in contentData.screen_shots" class="swiper-slide"><img v-if="item.url" class="swiper-lazy" :data-src="GlobalImageHandler(item.url)"/></div></div></div></div><div v-if="characterData &amp;&amp; characterData.length&gt;0" class="bui-list-role-detail-wrap" id="listRoleDetail"><div class="swiper-container bui-list-role-detail" data-track-second="track-role-cv"><div class="swiper-wrapper"><div v-for="(item,i) in characterData" class="swiper-slide bui-item-role-detail"><span v-if="item.image" class="role-img swiper-lazy" :data-background="GlobalImageHandler(item.image,{height:8.04})"/><div class="role-info-wrap"><div v-if="item.audio" class="role-audio"><span class="audio-progress bui-progress"><span class="progress-bar"/> </span><span class="bui-btn btn-finished audio-btn bui-icon icon-paused-audio" ga-data="1100302" :ga-data-val="gameInfoData.game_base_id"/></div><h4 v-if="item.name" class="role-name">{{item.name}}</h4><span v-if="item.cv" class="role-cv">CV{{item.cv}}</span><p v-if="item.introduce" class="role-intro">{{item.introduce}}</p></div></div></div><div class="swiper-pagination"/></div></div><div v-show="showDialog" class="bui-dialog-biliapp theme-payment"><div class="d-wrap"><span class="d-head"/><div class="d-body"><h4 class="d-txt">使用哔哩哔哩客户端</h4><h4 class="d-code">进入游戏中心，进行后续操作</h4><div class="btn-biliapp bui-btn">马上就去</div></div><span class="bui-icon icon-close-big"/></div></div><div v-show="wxShareHint" class="wx-share-ui"><img class="wx-img" src="//static-mobilegame-1.biligame.net/../img/wx_hint.28e89ba1.png" alt=""/></div><div v-if="readyDL &amp;&amp; showOperate &amp;&amp; !newCmImaxStatus" class="user-operate" data-track-second="track-function"><template v-if="gameInfoData.source == 0 || gameInfoData.source == 1 || gameInfoData.source == 2"><div v-if="!hasRepeatGame" class="bui-icon icon-edit" ga-data="1100502" :ga-data-val="gameInfoData.game_base_id"/><template v-if="isTestGame &amp;&amp; gameInfoData.is_online"><div v-if="gameInfoData.android_book_link" :class="testBookCss" ga-data="1100102" :ga-data-val="gameInfoData.game_base_id"><div class="bui-icon icon-time-light"/>{{bookingText}}</div><div v-else="" class="book-game" :class="testBookCss" ga-data="1100102" :ga-data-val="gameInfoData.game_base_id"><div class="bui-icon icon-time-light"/>{{bookingText}}</div></template><div v-if="gameInfoData.is_online" data-track-second="track-dl" class="game-wx-btn-report" id="game-wx-btn-report" :ga-data="gaDataBtn" :ga-data-val="gameInfoData.game_base_id"> </div><div v-if="gameInfoData.is_online" class="game-btn" :class="dlCss" :ga-data="gaDataBtn" :ga-data-val="gameInfoData.game_base_id"><div v-if="gameInfoData.source == 2" class="bui-btn animate-css">打开</div><template v-else=""><template v-if="deviceInfo.hasIOS"><div v-if="gameInfoData.ios_game_status == 0" class="bui-btn animate-css">打开</div><template v-else-if="gameInfoData.ios_game_status == 2"><div v-if="gameInfoData.ios_book_link" :class="bookingCss" ga-data="1100102" :ga-data-val="gameInfoData.game_base_id">{{bookingText}}</div><div v-else="" :class="bookingCss" class="book-game" ga-data="1100102" :ga-data-val="gameInfoData.game_base_id">{{bookingText}}</div></template><div v-else-if="gameInfoData.ios_game_status == 1" ga-data="1100102" :ga-data-val="gameInfoData.game_base_id" :class="bookingCss">{{bookingText}}</div></template><template v-else=""><template v-if="gameInfoData.android_game_status == 0 || gameInfoData.android_game_status == 3 || gameInfoData.android_game_status == 4"><template v-if="showDlBtn"><template v-if="gameInfoData.purchase_type == 1"><template v-if="gameInfoData.is_purchased"><div ga-data="1100103" :ga-data-val="gameInfoData.game_base_id" class="bui-btn current-game-dl action-game-dl animate-css">下载</div></template><template v-else=""><div v-if="gameInfoData.discount &gt; 0" class="game-discount">-{{parseInt(gameInfoData.discount)}}%</div><div ga-data="1100104" :ga-data-val="gameInfoData.game_base_id" class="bui-btn purchase-game animate-css"><template v-if="gameInfoData.discount &gt; 0"><span class="game-discount_price">￥{{Math.ceil(gameInfoData.discount_price)}}</span> <span class="line"/> <span class="game-price">￥{{Math.ceil(gameInfoData.price)}}</span></template><template v-else="">￥{{Math.ceil(gameInfoData.price)}}</template></div></template></template><div v-else="" ga-data="1100103" :ga-data-val="gameInfoData.game_base_id" class="bui-btn current-game-dl action-game-dl animate-css">下载</div></template><div v-else="" class="bui-btn is-hope">欢迎留下您的评价</div></template><template v-else-if="gameInfoData.android_game_status == 2"><div v-if="gameInfoData.android_book_link" :class="bookingCss" ga-data="1100102" :ga-data-val="gameInfoData.game_base_id">{{bookingText}}</div><div v-else="" :class="bookingCss" class="book-game" ga-data="1100102" :ga-data-val="gameInfoData.game_base_id">{{bookingText}}</div></template><div v-else-if="gameInfoData.android_game_status == 1" ga-data="1100102" :ga-data-val="gameInfoData.game_base_id" :class="bookingCss">{{bookingText}}</div><div v-else-if="gameInfoData.android_game_status == 6" class="bui-btn is-hope">{{ gameInfoData.button_content ? gameInfoData.button_content : '欢迎留下您的评价' }}</div></template></template></div><div v-else="" class="game-btn" :class="dlCss"><div class="bui-btn is-hope">欢迎留下您的评价</div></div></template><template v-else-if="gameInfoData.source == 3"><template v-if="!gameInfoData.is_online || gameStatus == 0 || gameStatus == 3 || gameStatus == 5"><div v-if="!hasRepeatGame" class="bui-btn btn-common animate-css" :class="hasShowShare?'other-one':''">发表评价</div></template><template v-else-if="gameStatus == 1 || gameStatus == 2"><div v-if="!hasRepeatGame" class="bui-icon icon-edit" ga-data="1100502" :ga-data-val="gameInfoData.game_base_id"/><div v-if="!deviceInfo.hasIOS &amp;&amp; gameInfoData.android_book_link" :class="bookingCssPC" ga-data="1100102" :ga-data-val="gameInfoData.game_base_id">{{bookingText}}</div><div v-else-if="deviceInfo.hasIOS &amp;&amp; gameInfoData.ios_book_link" :class="bookingCssPC" ga-data="1100102" :ga-data-val="gameInfoData.game_base_id">{{bookingText}}</div><div v-else="" :class="bookingCssPC" class="book-game" ga-data="1100102" :ga-data-val="gameInfoData.game_base_id">{{bookingText}}</div></template><template v-else-if="gameStatus == 4"><template v-if="!hasRepeatGame"><div v-if="gameInfoData.android_book_link" :class="testBookCss" ga-data="1100102" :ga-data-val="gameInfoData.game_base_id"><div class="bui-icon icon-time-light"/>{{bookingText}}</div><div v-else="" class="book-game" :class="testBookCss" ga-data="1100102" :ga-data-val="gameInfoData.game_base_id"><div class="bui-icon icon-time-light"/>{{bookingText}}</div></template><template v-else=""><div v-if="gameInfoData.android_book_link" ga-data="1100102" :ga-data-val="gameInfoData.game_base_id" :class="bookingCssPC">{{bookingText}}</div><div v-else="" :class="bookingCssPC" class="book-game" ga-data="1100102" :ga-data-val="gameInfoData.game_base_id">{{bookingText}}</div></template><div v-if="!hasRepeatGame" class="bui-btn btn-common animate-css" :class="hasShowShare?'other-two':'other-one'">发表评价</div></template></template></div></div></div><com-login v-if="showLogin" :user-info="userInfo" :is-show="showLogin"/></div></body>