game-sdk/public/static/mini/happy_test/pages/box/box.wxml

<view class='{{ShowEditInfoMask ? "fixed" : ""}}'>
  <view class="share" wx:if="{{auth.share === 2}}">
    <button bindtap='ChangeShare' data-show="{{1}}">
      <image src='/image/icon_fenxiang.png'></image>
      <text>分享</text>
    </button>
  </view>
  <!-- 分享目标 -->
  <view class='shareMask' bindtap='showShare' data-show="{{0}}" wx:if="{{ShowShareMask}}">
    <view class='menu'>
      <image class="share_close" src="/image/icon_close.png"></image>
      <button class='menu_item' open-type='share' id='share-box'>
        <image src='/image/weixin.png'></image>
        <text>微信</text>
      </button>
      <button class='menu_item' catchtap='shareCircles'>
        <image src='/image/pengyouquan.png'></image>
        <text>朋友圈</text>
      </button>
    </view>
  </view>
  <!-- 分享海报 -->
  <view class='shareCircles' style='display: {{ ShowshareCirclesMask ? "block" : "none" }}'>
    <view class='task' bindtap='CloseshareCircles'></view>
    <view class='content'>
      <view class='main_img'>
        <canvas canvas-id="shareCanvas" style="width:466rpx;height:828rpx"></canvas>
      </view>
      <text class='prompt'>分享海报到朋友圈邀请好友一起赚钱</text>
      <button class='btn' bindtap='saveMemQRcode'>保存图片</button>
    </view>
  </view>
  
  <view class='banner'>
    <image src='/image/bg_wodehezi.png' mode="widthFix"></image>
  </view>
  <view class='boxTop'>
    <view class='boxTop_head'>
      <image src='{{boxInfo.mem_avatar}}' wx:if="{{boxInfo.mem_avatar}}"></image>
      <open-data type="userAvatarUrl" wx:else></open-data>
    </view>
    <view class='boxTop_info'>
      <view class='nickname'>
        <text>{{boxInfo.title}}</text>
        <image bindtap='ChangeEditInfo' src='/image/xiugai.png' data-show="{{1}}"></image>
      </view>
      <text class='username' wx:if="{{boxInfo.mem_avatar}}">{{boxInfo.mem_nickname}}</text>
      <open-data class='username' type="userNickName" wx:else></open-data>
      <text class='sign'>{{boxInfo.intro}}</text>
    </view>
    <view class='boxTop_users' bindtap='routeTo' data-to="/pages/member/more" wx:if="{{auth.active === 2}}">
      <view class='title'>我的亲友团
        <text class='change' wx:if="{{memData && memData.count > 0}}">+{{memData.count}}</text>
        <text class="more">更多</text>
      </view>
      <view class='list'>
        <view class="list__item">
          <image src='{{userInfo.avatar || "/image/img_avatar_default.png"}}'></image>
          <!-- <label>邀请人</label> -->
        </view>
        <view class="list__item" wx:if="{{memData.parent.id}}">
          <image src='{{memData.parent.avatar || "/image/img_avatar_default.png"}}'></image>
          <!-- <label>邀请人</label> -->
        </view>
        <view class="list__item" wx:for="{{memData.list}}" wx:key="{{item.id}}">
          <image src='{{item.avatar || "/image/img_avatar_default.png"}}'></image>
        </view>
      </view>
    </view>
  </view>

  <block wx:if="{{auth.guide === 2}}">
    <view class='earn'>
      <swiper class='Carousel' circular="true" indicator-dots="{{false}}" interval="{{3000}}" duration="{{500}}" previous-margin="{{0}}" autoplay="{{true}}">
        <block wx:for="{{rankList}}" wx:key="{{item.mem_id}}">
          <swiper-item class="Carousel_item">
            <image class='icon' src='{{item.avatar}}'></image>
            <view class='text'>{{item.nickname}} 试玩分享获得
              <text wx:if="{{mpType === 'gd'}}">{{item.share_total_integral}}金币</text>
              <!-- <text wx:if="{{mpType === 'gd'}}">{{item.share_total}}元</text> -->
              <text wx:elif="{{mpType === 'rp'}}">{{item.share_total}}元</text>
            </view>
          </swiper-item>
        </block>
      </swiper>
      <view class="to" bindtap="routeTo" data-to="/pages/member/member">
        <button>团队金币</button>
      </view>
    </view>

    <view class='Prompt'>
      <view class='Prompt_content' wx:if="{{false}}">
        <!-- <view class='title'>{{boxInfo.make_money.title}} </view> -->
        <view class='title' wx:if="{{mpType === 'rp'}}">如何赚红包</view>
        <view class='title' wx:elif="{{mpType === 'gd'}}">如何赚金币</view>
        <!-- <view class='close' bindtap='ShowPrompt'>
          <image src='/image/icon_guanbi.png'></image>
        </view> -->
        <view class='tips' wx:if="{{mpType === 'gd'}}">
          <!-- <text>{{boxInfo.make_money.text}}</text> -->
          <view>
            1、分享"游戏盒子"给好友，好友授权你可获得<text class='text-color-money'>10</text>金币，<button class='btn-text text-color-money text-link' open-type="share" id='share-box'>马上邀请</button>
          </view>
          <view>
            2、告诉您的朋友：授权成功就送金币，打开游戏就有奖励，可提现哦。
          </view>
        </view>
        <view class='tips' wx:elif="{{mpType === 'rp'}}">
          <!-- <text>{{boxInfo.make_money.text}}</text> -->
          <view>
            1、分享"游戏盒子"给好友，好友授权你可获得
            <text class='text-color-money'>0.1</text>元红包，
            <button class='btn-text text-color-money text-link' open-type="share" id='share-box'>马上邀请</button>
          </view>
          <view>
            2、告诉您的朋友：授权成功就送红包，打开游戏就有奖励，可提现哦。
          </view>
        </view>
      </view>
    </view>
  </block>

  <view class='mybox'>
    <view class='title' wx:if="{{auth.gain === 2}}">
      <text class='left'>一起开黑</text>
      <text class="sub">邀请1个亲友，奖励</text>
      <text class="sub primary" wx:if="{{mpType === 'rp'}}">{{userInfo.invite_award}}元</text>
      <text class="sub primary" wx:elif="{{mpType === 'gd'}}">{{userInfo.invite_award_integral}}金币</text>
      <!-- <view class='right' bindtap='routeManage'>
        <image src='/image/icon_guanli.png'></image>
        <text>管理</text>
      </view> -->
    </view>
    <view class='wrap'>
      <view class='wrap_cell' wx:for="{{memGame.list}}" wx:key="{{item.game_id}}">
        <view class='wrap_main'>
          <view bindtap='routeDetail' data-id="{{item.game_id}}">
            <view class='wrap_icon'>
              <image src='{{item.icon}}'></image>
            </view>
            <view class='wrap_info'>
              <view class='name'>
                {{item.gamename}}
                <text class='reward' wx:if="{{floats[index] > 0 && auth.gain === 2}}">{{floats[index]}}{{mpType === 'gd' ? '金币' : '元'}}</text>
              </view>
              <!-- <view class='des'>{{item.oneword}}</view>
              <view class='num'>{{(item.down_cnt - item.down_cnt % 10000) / 10000 || 1}}万人在玩</view> -->
              <view class="player" wx:if="{{item.player}}">
                <image class="player__avatar" wx:for="{{item.player.avatar}}" src="{{item}}" wx:key="{{index}}"></image>
                <text class="player__info">有{{item.player.count}}个好友在玩</text>
              </view>
            </view>
          </view>
          <view class="wrap_btn">
            <button class="btn btn-primary" open-type="share" id='share-game' data-share_title="{{item.share_title}}" data-share_img="{{item.share_img}}" data-game_id="{{item.game_id}}" data-gamename="{{item.gamename}}">邀请</button>
          </view>
        </view>
      </view>
    </view>
    
    <view class='title'>
      <label class='left'>我最近玩的游戏 <text wx:if="{{GamePlayList.count}}">+{{GamePlayList.count}}</text></label>
    </view>
    <view class='wrap'>
      <view class='wrap_cell' wx:for="{{GamePlayList.list}}" wx:key="{{item.game_id}}">
        <navigator wx:if="{{item.need_popup !== 2}}" target="miniProgram" app-id="{{item.mini_app_id}}" version="release" path="{{item.url}}">
          <view class='wrap_main'>
            <view bindtap='routeDetail' data-id="{{item.game_id}}">
              <view class='wrap_icon'>
                <image src='{{item.icon}}'></image>
              </view>
              <view class='wrap_info'>
                <view class='name'>
                  {{item.gamename}}
                  <!-- <text class='reward' wx:if="{{floats[index] > 0 && auth.gain === 2}}">{{floats[index]}}{{mpType === 'gd' ? '金币' : '元'}}</text> -->
                </view>
                <!-- <view class='des'>{{item.oneword}}</view>
                <view class='num'>{{(item.down_cnt - item.down_cnt % 10000) / 10000 || 1}}万人在玩</view> -->
                <view class="player" wx:if="{{item.player}}">
                  <image class="player__avatar" wx:for="{{item.player.avatar}}" src="{{item}}" wx:key="{{index}}"></image>
                  <text class="player__info">有{{item.player.count}}个好友在玩</text>
                </view>
              </view>
            </view>
            <view class="wrap_btn">
              <button class="btn btn-primary">去玩</button>
            </view>
          </view>
        </navigator>
        <view wx:else bindtap="showPop" data-entrance="{{item.entrance_image}}">
          <view class='wrap_main'>
            <view bindtap='routeDetail' data-id="{{item.game_id}}">
              <view class='wrap_icon'>
                <image src='{{item.icon}}'></image>
              </view>
              <view class='wrap_info'>
                <view class='name'>
                  {{item.gamename}}
                  <!-- <text class='reward' wx:if="{{floats[index] > 0 && auth.gain === 2}}">{{floats[index]}}{{mpType === 'gd' ? '金币' : '元'}}</text> -->
                </view>
                <!-- <view class='des'>{{item.oneword}}</view>
                <view class='num'>{{(item.down_cnt - item.down_cnt % 10000) / 10000 || 1}}万人在玩</view> -->
                <view class="player" wx:if="{{item.player}}">
                  <image class="player__avatar" wx:for="{{item.player.avatar}}" src="{{item}}" wx:key="{{index}}"></image>
                  <text class="player__info">有{{item.player.count}}个好友在玩</text>
                </view>
              </view>
            </view>
            <view class="wrap_btn">
              <button class="btn btn-primary">去玩</button>
            </view>
          </view>
        </view>
      </view>
    </view>
  </view>

  <view class='editInfo' wx:if="{{ShowEditInfoMask}}">
    <view class='task' bindtap='ChangeEditInfo' data-show="{{0}}"></view>
    <view class='content'>
      <view class='title'>盒子信息</view>
      <view class='label'>盒子名称</view>
      <view class='input'>
        <input value="{{boxName}}" bindinput='ChangeForm' data-type="Name"></input>
        <text class='num'>{{boxName.length}}/{{boxName_maxLength}}</text>
      </view>
      <view class='label'>盒子简介</view>
      <view class='textarea'>
        <textarea value='{{boxIntro}}' bindinput='ChangeForm' data-type="Intro" cursor-spacing='28'></textarea>
        <text class='num'>{{boxIntro.length}}/{{boxIntro_maxLength}}</text>
      </view>
      <button class='btn' bindtap='saveEdit'>保存</button>
    </view>
  </view>

</view>