<view>
  <view class='top'>
    <view class='game'>
      <image class='game_icon' src='{{detailInfo.icon}}'></image>
      <view class='game_info'>
        <text class='name'>{{detailInfo.gamename}}</text>
        <text class='classify'>{{detailInfo.type || ''}}</text>
      </view>
    </view>
    <view class='button' bindtap="openGame" data-id="{{detailInfo.game_id}}">
      <navigator class='btn btn-primary' target="miniProgram" app-id="{{detailInfo.mini_app_id}}" extra-data="huosu" version="release" path="{{detailInfo.url}}">马上玩</navigator>
    </view>
  </view>

  <view class='banner' wx:if="{{detailInfo.image}}">
    <image src='{{detailInfo.image}}' mode='widthFix'></image>
  </view>

  <view class='dtlTab'>
    <view class='dtlTab_wrap'>
      <view class='dtlTab_cell {{TabIndex == 0?"active":""}}' bindtap='ChangeTab' data-index="0">简介</view>
      <view class='dtlTab_cell {{TabIndex == 1?"active":""}}' bindtap='ChangeTab' data-index="1">推荐</view>
    </view>
  </view>

  <view class='dtlCnt'>
    <view class='dtlCnt_item {{TabIndex == 0?"active":""}}'>

      <view class='des' wx:if="{{detailInfo.desc}}">
        <text class='des_text'>{{detailInfo.desc}}</text>
      </view>

      <view class='score'>
        <view class='score_sum'>
          <text class='title'>游戏评分</text>
          <text class='sumNum'>9.8</text>
          <view class='sumStar'>
            <view class='sumStar_item' wx:for="{{5}}" wx:key="{{index}}">
              <image src='/image/pingfen.png'></image>
            </view>
          </view>
          <text class='sumCmt'>共34条评论</text>
        </view>
        <view class='score_Overview'>
          <view class='cell'>
            <view class='label'>5
              <image src='/image/xing.png'></image>
            </view>
            <view class='line'>
              <view class='line_inner' style='width: 80%;'></view>
            </view>
          </view>
          <view class='cell'>
            <view class='label'>4
              <image src='/image/xing.png'></image>
            </view>
            <view class='line'>
              <view class='line_inner' style='width: 40%;'></view>
            </view>
          </view>
          <view class='cell'>
            <view class='label'>3
              <image src='/image/xing.png'></image>
            </view>
            <view class='line'>
              <view class='line_inner' style='width: 60%;'></view>
            </view>
          </view>
          <view class='cell'>
            <view class='label'>2
              <image src='/image/xing.png'></image>
            </view>
            <view class='line'>
              <view class='line_inner' style='width: 40%;'></view>
            </view>
          </view>
          <view class='cell'>
            <view class='label'>1
              <image src='/image/xing.png'></image>
            </view>
            <view class='line'>
              <view class='line_inner' style='width: 10%;'></view>
            </view>
          </view>
        </view>
      </view>

      <button class='reviewBtn' bindtap='routeComment' data-gmid="{{detailInfo.game_id}}">
        撰写评论
      </button>

      <view class='comment'>
        <view wx:for="{{commentList}}" wx:key="{{item.comment_id}}" class='comment_item'>
          <view class='comment_main'>
            <view class='comment_info'>
              <image class='icon' src='{{item.icon || "/image/img_avatar_default.png"}}'></image>
              <view class='info'>
                <view class='info_name'>{{item.full_name}}</view>
                <view class='info_star'>
                  <image wx:for="{{5}}" wx:key="{{index}}" src='/image/pinglunpingfen.png'></image>
                </view>
              </view>
              <text class='time'>{{item.create_time}}</text>
            </view>
            <view class='comment_content'>
              {{item.content}}
            </view>
          </view>
        </view>
        <view class='empty' wx:if="{{commentCount <= commentList.length}}">
          没有更多了
        </view>
      </view>
    </view>
    <view class='dtlCnt_item {{TabIndex == 1?"active":""}}'>
      <view class='recommend'>
        <view class='recommend_item'>
          <view class='title'>相关游戏</view>
          <view class='games'>
            <view class='games_item' wx:for="{{4}}" wx:key="{{index}}">
              <image class='icon' src='/image/gameicon{{index}}.png'></image>
              <text class='name'>捕鱼达人H5</text>
            </view>
          </view>
        </view>
        <view class='recommend_item'>
          <view class='title'>更多精彩</view>
          <view class='games'>
            <view class='games_item' wx:for="{{4}}" wx:key="{{index}}">
              <image class='icon' src='/image/gameicon{{index}}.png'></image>
              <text class='name'>捕鱼达人H5</text>
            </view>
          </view>
        </view>
      </view>
    </view>
  </view>

  <!-- <view class='review'>
    <input placeholder='说说你的看法吧' bindinput='inputChange' focus='{{inputFocus}}' value="{{sendParams.content}}" placeholder-style='color: #999999;'></input>
    <button bindtap='sendComment'>发送</button>
  </view> -->

</view>