<view style="height: 20rpx;"></view>
<view class="msgBox">
    <!-- 标题和按钮 -->
    <view class="msgBox-title-and-but">
        <view class="msgBox-title">直播账号信息</view>
        <view class="msgBox-but">
            <van-button custom-class="custom-class-msgBox-but">一键开播</van-button>
        </view>
    </view>
    <!-- 直播信息 -->
    <view wx:if="{{true}}" class="account-information">
        <view class="account-information-left">
            <view>
                <text class="title">直播账号</text> 1000000000
            </view>
            <view>
                <text class="title">密码</text> 321432
            </view>
        </view>
        <view class="account-information-right">
            <view>
                <text class="title">开播时间</text> 2021-12-23 17:00
            </view>
            <view>
                <text class="title">直播间地址 </text><text class="copy">www.jfc001.com/zb001</text>
            </view>
        </view>
    </view>
    <view wx:else class="go-to-apply-for">
        暂无账号 前往申请 >>
    </view>
</view>
<!-- 数据 -->

<view class="msgBox">
    <!-- 标题和按钮 -->
    <view class="msgBox-title-and-but">
        <view class="msgBox-title">直播数据</view>
    </view>
    <!-- 数据宫格 -->
    <view class="data-grid">
        <view>
            <view class="title">观看次数(次)</view>
            <view class="number">123</view>
        </view>
        <view>
            <view class="title">观看人数(人)</view>
            <view class="number">123</view>
        </view>
        <view>
            <view class="title">观看时长(分钟)</view>
            <view class="number">123</view>
        </view>
        <view>
            <view class="title">人均观看次数(次)</view>
            <view class="number">123</view>
        </view>
        <view>
            <view class="title">人均观看时长(分钟)</view>
            <view class="number">123</view>
        </view>
    </view>
    <!-- 数据表格 -->
    <view class="data-formlist">
        <!-- 表头 -->
        <view class="data-formlist-header">
            <view class="the-first-column">用户名称</view>
            <view class="the-second-series">用户id</view>
            <view class="the-third-column">观看时长</view>
            <view class="the-fourth-column">进入时间</view>
        </view>
        <!-- 表格 -->
        <view wx:for="{{5}}" class="data-formlist-row">
            <view class="the-first-column">好吃的薯片</view>
            <view class="the-second-series">1234533</view>
            <view class="the-third-column">6小时</view>
            <view class="the-fourth-column">2021-12-23 17:00:34</view>
        </view>
    </view>
</view>