detail.wxml 5.2 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144
  1. <view>
  2. <view class='top'>
  3. <view class='game'>
  4. <image class='game_icon' src='{{detailInfo.icon}}'></image>
  5. <view class='game_info'>
  6. <text class='name'>{{detailInfo.gamename}}</text>
  7. <text class='classify'>{{detailInfo.type || ''}}</text>
  8. </view>
  9. </view>
  10. <view class='button' bindtap="openGame" data-id="{{detailInfo.game_id}}">
  11. <navigator class='btn btn-primary' target="miniProgram" app-id="{{detailInfo.mini_app_id}}" extra-data="huosu" version="release" path="{{detailInfo.url}}">马上玩</navigator>
  12. </view>
  13. </view>
  14. <view class='banner' wx:if="{{detailInfo.image}}">
  15. <image src='{{detailInfo.image}}' mode='widthFix'></image>
  16. </view>
  17. <view class='dtlTab'>
  18. <view class='dtlTab_wrap'>
  19. <view class='dtlTab_cell {{TabIndex == 0?"active":""}}' bindtap='ChangeTab' data-index="0">简介</view>
  20. <view class='dtlTab_cell {{TabIndex == 1?"active":""}}' bindtap='ChangeTab' data-index="1">推荐</view>
  21. </view>
  22. </view>
  23. <view class='dtlCnt'>
  24. <view class='dtlCnt_item {{TabIndex == 0?"active":""}}'>
  25. <view class='des' wx:if="{{detailInfo.desc}}">
  26. <text class='des_text'>{{detailInfo.desc}}</text>
  27. </view>
  28. <view class='score'>
  29. <view class='score_sum'>
  30. <text class='title'>游戏评分</text>
  31. <text class='sumNum'>9.8</text>
  32. <view class='sumStar'>
  33. <view class='sumStar_item' wx:for="{{5}}" wx:key="{{index}}">
  34. <image src='/image/pingfen.png'></image>
  35. </view>
  36. </view>
  37. <text class='sumCmt'>共34条评论</text>
  38. </view>
  39. <view class='score_Overview'>
  40. <view class='cell'>
  41. <view class='label'>5
  42. <image src='/image/xing.png'></image>
  43. </view>
  44. <view class='line'>
  45. <view class='line_inner' style='width: 80%;'></view>
  46. </view>
  47. </view>
  48. <view class='cell'>
  49. <view class='label'>4
  50. <image src='/image/xing.png'></image>
  51. </view>
  52. <view class='line'>
  53. <view class='line_inner' style='width: 40%;'></view>
  54. </view>
  55. </view>
  56. <view class='cell'>
  57. <view class='label'>3
  58. <image src='/image/xing.png'></image>
  59. </view>
  60. <view class='line'>
  61. <view class='line_inner' style='width: 60%;'></view>
  62. </view>
  63. </view>
  64. <view class='cell'>
  65. <view class='label'>2
  66. <image src='/image/xing.png'></image>
  67. </view>
  68. <view class='line'>
  69. <view class='line_inner' style='width: 40%;'></view>
  70. </view>
  71. </view>
  72. <view class='cell'>
  73. <view class='label'>1
  74. <image src='/image/xing.png'></image>
  75. </view>
  76. <view class='line'>
  77. <view class='line_inner' style='width: 10%;'></view>
  78. </view>
  79. </view>
  80. </view>
  81. </view>
  82. <button class='reviewBtn' bindtap='routeComment' data-gmid="{{detailInfo.game_id}}">
  83. 撰写评论
  84. </button>
  85. <view class='comment'>
  86. <view wx:for="{{commentList}}" wx:key="{{item.comment_id}}" class='comment_item'>
  87. <view class='comment_main'>
  88. <view class='comment_info'>
  89. <image class='icon' src='{{item.icon || "/image/img_avatar_default.png"}}'></image>
  90. <view class='info'>
  91. <view class='info_name'>{{item.full_name}}</view>
  92. <view class='info_star'>
  93. <image wx:for="{{5}}" wx:key="{{index}}" src='/image/pinglunpingfen.png'></image>
  94. </view>
  95. </view>
  96. <text class='time'>{{item.create_time}}</text>
  97. </view>
  98. <view class='comment_content'>
  99. {{item.content}}
  100. </view>
  101. </view>
  102. </view>
  103. <view class='empty' wx:if="{{commentCount <= commentList.length}}">
  104. 没有更多了
  105. </view>
  106. </view>
  107. </view>
  108. <view class='dtlCnt_item {{TabIndex == 1?"active":""}}'>
  109. <view class='recommend'>
  110. <view class='recommend_item'>
  111. <view class='title'>相关游戏</view>
  112. <view class='games'>
  113. <view class='games_item' wx:for="{{4}}" wx:key="{{index}}">
  114. <image class='icon' src='/image/gameicon{{index}}.png'></image>
  115. <text class='name'>捕鱼达人H5</text>
  116. </view>
  117. </view>
  118. </view>
  119. <view class='recommend_item'>
  120. <view class='title'>更多精彩</view>
  121. <view class='games'>
  122. <view class='games_item' wx:for="{{4}}" wx:key="{{index}}">
  123. <image class='icon' src='/image/gameicon{{index}}.png'></image>
  124. <text class='name'>捕鱼达人H5</text>
  125. </view>
  126. </view>
  127. </view>
  128. </view>
  129. </view>
  130. </view>
  131. <!-- <view class='review'>
  132. <input placeholder='说说你的看法吧' bindinput='inputChange' focus='{{inputFocus}}' value="{{sendParams.content}}" placeholder-style='color: #999999;'></input>
  133. <button bindtap='sendComment'>发送</button>
  134. </view> -->
  135. </view>