bwj_wechat/pages/liveStreaming/index.wxml

<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" bindtap="copyTheAddress">www.jfc001.com/zb001</text>
            </view>
        </view>
    </view>
    <view wx:else class="go-to-apply-for">
        暂无账号 前往申请 <image style="width: 20rpx; height: 22rpx; margin-left: 8rpx;" src="/static/icon-07.png"></image>
    </view>
</view>
<!-- 数据 -->

<view class="msgBox" style="white-space:nowrap;">
    <!-- 标题和按钮 -->
    <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>
    <!-- 数据表格 -->
    <scroll-view scroll-x="{{true}}" class="data-formlist">
        <!-- 表头 -->
        <view class="data-formlist-header">
            <view class="the-first-column">用户名称</view>
            <view class="the-second-series">用户id</view>
            <view class="the-second-series">观看时长</view>
            <view class="the-fourth-column">进入时间</view>
            <view class="the-word">地区</view>
            <view class="the-word">城市</view>
            <view class="the-first-column">观众IP</view>
            <view class="the-second-series">观看终端</view>
            <view class="the-second-series">场次</view>
            <view class="the-second-series">观看类型</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-second-series">6小时</view>
            <view class="the-fourth-column">2021-12-23 17:00:34</view>
            <view class="the-word">浙江</view>
            <view class="the-word">嘉兴</view>
            <view class="the-first-column">192.168.0.1</view>
            <view class="the-second-series">终端1</view>
            <view class="the-second-series">10场</view>
            <view class="the-second-series">直播</view>

        </view>
    </scroll-view>
</view>