zhaoxiaohai il y a 3 ans
Parent
commit
bba9b278e6
3 fichiers modifiés avec 27 ajouts et 16 suppressions
  1. 18 5
      pages/liveStreaming/index.wxml
  2. 8 10
      pages/liveStreaming/index.wxss
  3. 1 1
      pages/tradeShow/index.wxml

+ 18 - 5
pages/liveStreaming/index.wxml

@@ -32,7 +32,7 @@
 </view>
 <!-- 数据 -->
 
-<view class="msgBox">
+<view class="msgBox" style="white-space:nowrap;">
     <!-- 标题和按钮 -->
     <view class="msgBox-title-and-but">
         <view class="msgBox-title">直播数据</view>
@@ -61,20 +61,33 @@
         </view>
     </view>
     <!-- 数据表格 -->
-    <view class="data-formlist">
+    <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-third-column">观看时长</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-third-column">6小时</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>
-    </view>
+    </scroll-view>
 </view>

+ 8 - 10
pages/liveStreaming/index.wxss

@@ -129,7 +129,7 @@
 
 /* 数据表 */
 .data-formlist {
-    width: 100%;
+    min-width: 680rpx;
     border-radius: 8rpx;
     overflow: hidden;
 }
@@ -137,7 +137,7 @@
 .data-formlist-header {
     display: flex;
     align-items: center;
-    width: 100%;
+    width: 200%;
     height: 66rpx;
     padding: 0 20rpx;
     background: #F6F7F8;
@@ -155,30 +155,28 @@
 .data-formlist-row {
     display: flex;
     align-items: center;
+    width: 200%;
     height: 56rpx;
     font-size: 20rpx;
     color: rgba(0, 0, 0, 0.65);
     padding: 0 20rpx;
     box-sizing: border-box;
     border-bottom: 2rpx solid #e8e8e8;
+    text-align: center;
 }
 
 .data-formlist .the-first-column {
-    text-align: center;
     width: 150rpx;
 }
 
 .data-formlist .the-second-series {
-    text-align: center;
     width: 130rpx;
 }
 
-.data-formlist .the-third-column {
-    text-align: center;
-    width: 130rpx;
+.data-formlist .the-fourth-column {
+    width: 200rpx;
 }
 
-.data-formlist .the-fourth-column {
-    text-align: center;
-    flex: 1;
+.the-word {
+    width: 90rpx;
 }

+ 1 - 1
pages/tradeShow/index.wxml

@@ -6,6 +6,7 @@
         </swiper-item>
     </swiper>
 </view>
+
 <!-- 数据展示 -->
 <view class="data-display">
     <view>
@@ -40,7 +41,6 @@
 <My_DisplayBox title="热门展商" isMore="{{false}}">
     <!-- 标题前图片 -->
     <image slot="display-box-img" class="display-title_image" src="/static/icon-04.png" mode="aspectFit"></image>
-    
 </My_DisplayBox>
 
 <My_DisplayBox title="热门商品" isMore="{{false}}">