wxsapp/SuperBrain/pages/home/home.wxml

<!--pages/home/home.wxml-->
<import src="../../modal/dialogBrainLack.wxml" />
<import src="../../modal/dialogNoRank.wxml" />
<import src="../../modal/dialogGeneral.wxml" />
<import src="../../modal/dialogRoom.wxml" />

<view style="background: #fff; padding:20rpx 0 13rpx;">
  <view class="head">
    <image class="head-img" src="{{wxuser.avatarUrl}}"></image>
    <view class="head-info">
      <text class="head-text">{{wxuser.nickName}}</text>
      <text class="head-rank">{{rankDanName}}</text>
      <text class="head-rule" bindtap="toRule">规则说明</text>
      <view class="head-rule-icon"></view>
      <view class="head-rank-logo">
        <image src="../../resource/bg_rank_logo.png"></image>
        <text>{{rankDanName}}</text>
      </view>
    </view>
    <view class="head-details head-details-pk">
      <image src="../../resource/ic_pk.png" class="icon"></image>
      <text>{{user.playGameC}}场</text>
    </view>
    <view class="head-details head-details-brain" bindtap="toAdd">
      <image src="../../resource/ic_brain.png" class="icon"></image>
      <text id="brainCount">{{tools.unit(user.cell)}}</text>
      <image src="../../resource/ic_add.png" class="btn" hidden="true"></image>
    </view>
    <view class="head-details head-details-balance" bindtap="toCash">
      <image src="../../resource/ic_package.png" class="icon"></image>
      <text>¥ {{user.withdrawalbleFee / 100}}</text>
    </view>
  </view>
  <view class="rank">
    <view class="rank-game" bindtap="toRank">
      <image src="../../resource/bg_rank.png"></image>
      <text class="no">NO.{{rankNumber}}</text>
      <view class="season">
        <image src="{{rankInfo.logo}}"></image>
        <text><text class="red">{{rankInfo.title}}</text>赛季</text>
      </view>
    </view>
    <view class="rank-friend">
      <image src="../../resource/bg_friend.png"></image>
      <button id="friend" open-type="share"></button>
    </view>
    <view class="rank-add">
      <image src="../../resource/bg_brain_add.png"></image>
      <image src="../../resource/ic_brain_coin.png" animation="{{goldCoinAnim1}}" class="add-img"></image>
      <image src="../../resource/ic_brain_coin.png" animation="{{goldCoinAnim2}}" class="add-img"></image>
      <image src="../../resource/ic_brain_coin.png" animation="{{goldCoinAnim3}}" class="add-img"></image>
      <image src="../../resource/ic_brain_coin.png" animation="{{goldCoinAnim4}}" class="add-img"></image>
      <image src="../../resource/ic_brain_coin.png" animation="{{goldCoinAnim5}}" class="add-img"></image>
      <image src="../../resource/ic_brain_coin.png" animation="{{goldCoinAnim6}}" class="add-img"></image>
      <image src="../../resource/ic_brain_coin.png" class="add-img"></image>
      <text class="plan">{{addNum}}/{{maxAddNum}}万</text>
      <text class="time">{{addTimeShow}}</text>
      <view class="dis" animation="{{brainFillAnim}}"></view>
      <form report-submit="true" bindsubmit="getCurrentAddNum">
        <button form-type="submit"></button>
      </form>
    </view>
  </view>
</view>
<view class="room">
  <text class="room-title">休闲娱乐赛</text>
  <text class="room-sub-title">答得越快、答对越多，奖励越多</text>
  <view class="room-body">
    <view class="room-game" bindtap="toOpen" hidden="{{hideOpenRoomView}}">
      <image src="../../resource/bg_open_room.png" class="room-bg"></image>
      <text class="room-game-open-title">发起趣味</text>
      <text class="room-game-open-sub-title">奖励赛</text>
    </view>
    <block wx:for="{{room}}" wx:key="gameId" wx:for-index="i">
      <view class="room-game" bindtap="toRoom" id="{{i}}">
        <image src="../../resource/bg_room.png" class="room-bg"></image>
        <image src="{{item.logo}}" class="room-logo"></image>
        <text class="room-game-name">{{item.title}}</text>
        <text class="room-game-money">{{item.awardFee / 100}}<text class="room-game-money-unit">元</text></text>
        <text class="room-game-down-time" wx:if="{{item.countDown > 0 && item.curUser < item.maxUser}}">倒计时{{item.countDown}}秒</text>
        <view class="room-game-now" wx:elif="{{item.countDown <= 0 || item.status == 3}}">
          <image src="../../resource/ic_hot.png"></image>
          <text>火热进行中</text>
        </view>
        <text class="room-game-fill" wx:else>已爆满</text>
      </view>
    </block>
  </view>
</view>
<button class="h-service-btn" open-type="contact">
  <image class="h-service-img" src="../../resource/service.png"></image>
</button>

<template is="dialogGeneral" data="{{...dialogGeneral}}" />
<template is="dialogBrainLack" data="{{...dialogBrainLack}}" />
<template is="dialogNoRank" data="{{...dialogRank}}" />
<template is="dialogRoom" data="{{...dialogRoom}}" />
<view class="dialog" catchtouchmove="wxvoid" hidden="{{dialogLogin.hidden}}">
  <view class="dialog-main">
    <view class="dialog-body-login">
      <image src="../../resource/head_login.png"></image>
      <view>
        <text class="title">赢88888元奖金</text>
        <text class="sub-title">展示你的脑力冲击120亿脑力值
          获得院士称号，赢高额奖金</text>
        <button open-type="getUserInfo" bindgetuserinfo="bindGetUserInfo">微信登录</button>
      </view>
    </view>
  </view>
</view>

<wxs module="tools">
  var unit = function(cell) {
    if (cell >= 10000) {
      var result = (cell / 10000)
      result = result.toFixed(2)
      return result + '亿'
    }
    return cell + '万'
  }
  module.exports.unit = unit
</wxs>