bwj_wechat/pages/liveStreaming/index.wxml

<view style="height: 14rpx;"></view>
<My_NavTabs tabsList="{{tabsList}}" tabsIndex="{{tabsIndex}}" bindsetIndex="setIndex" liveDownload="{{true}}" />
<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="{{accountStatus==1}}" class="account-information">
        <view class="account-information-row">
            <view>
                <view class="title" style="margin-right: 8rpx;">密码</view>{{accountMsg.channelpasswd}}
            </view>
            <view>
                <view class="title">直播间地址</view>
                <view class="chained-address u-line-1">{{accountMsg.fliveshowurl}}</view>
                <view data-url="{{accountMsg.fliveshowurl}}" class="chained-address-copy" bindtap="copyTheAddress">复制</view>
            </view>
        </view>
        <view class="account-information-row">
            <view>
                <view class="title">助教地址</view>
                <view class="chained-address u-line-1">{{accountMsg.fassistanturl}}</view>
                <view data-url="{{accountMsg.fassistanturl}}" class="chained-address-copy" bindtap="copyTheAddress">复制</view>
            </view>
        </view>
        <view class="account-information-row">
            <view>
                <view class="title">客户端开播地址</view>
                <view class="chained-address u-line-1">{{accountMsg.fliveurl_client}}</view>
                <view data-url="{{accountMsg.fliveurl_client}}" class="chained-address-copy" bindtap="copyTheAddress">复制</view>
            </view>
        </view>
        <view class="account-information-row">
            <view>
                <view class="title">web端开播地址</view>
                <view class="chained-address u-line-1">{{accountMsg.fliveurl_web}}</view>
                <view data-url="{{accountMsg.fliveurl_web}}" class="chained-address-copy" bindtap="copyTheAddress">复制</view>
            </view>
        </view>
    </view>
    <view wx:else class="go-to-apply-for" catchtap="applyForLive">
        {{accountStatus==3?'暂无账号 点击申请 ':'直播申请中'}}<image wx:if="{{accountStatus==3}}" style="width: 20rpx; height: 22rpx; margin-left: 8rpx;" src="/static/icon-07.png"></image>
    </view>
</view>
<!-- 数据 -->
<view wx:if="{{accountStatus==1}}" 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="{{3}}" 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>