gdpao

pageB/video/video.nvue

@@ -1,28 +1,28 @@
 <template>
     <view class="container">
         <video id="videoId" :style="videoSize" :src="src" autoplay="true" :show-fullscreen-btn="false" @play="playing"
-            @pause="pausing" @ended="videoEnd" @timeupdate="timeupdate" :show-play-btn="false" controls="false" @click="stoping"
+            @pause="pausing" @ended="videoEnd" @timeupdate="timeupdate" :show-play-btn="false" :controls="false" @click="stoping"
             :enable-progress-gesture="false" :show-center-play-btn="false"></video>
         <!-- 用户操作 -->
         <userinfo class="user-info" :style="{ top: fixTop }" :list="list" :cart="cart_type" :comment="is_comment" :num="comment_num"
             @openCart="openPopup"></userinfo>
         <!-- 视频信息 -->
-        <cover-view class="info-box" @click="stopClick">
+        <cover-view class="info-box">
             <view class="video-info-box" :style="{ width: time_count > 99 ? '180rpx' : '160rpx' }">
                 <image class="image-play" src="../../static/videoIcon.png" mode=""></image>
                 <text class="video-slip">视频</text>
                 <text class="time">{{ time_count }}s</text>
             </view>
             <view>
-                <text class="name">@{{ list.member_nickname }}</text>
+                <text class="name" @click="gotoInfo(list)">@{{ list.member_nickname }}</text>
             </view>
-            <view>
+            <view @click="stopClick">
                 <text class="title">{{ list.article_title }}</text>
             </view>
-            <view>
+            <view @click="stopClick">
                 <text class="centent">{{ list.article_content }}</text>
             </view>
-            <view class="label-box">
+            <view class="label-box" @click="stopClick">
                 <block v-for="(item,index) in list.label" :key="index">
                     <text class="label" :style="{ width: labelLen[index] * 40 + 'rpx' }">{{ item.name }}</text>
                 </block>
@@ -344,11 +344,7 @@
                             width: "750rpx",
                             height: res.screenHeight + "px",
                         }
-                        this.fixTop = "400rpx";
                         this.fixTop = res.screenHeight / 3;
-                        // #ifdef H5
-                        this.fixTop = 400 + 'rpx'
-                        // #endif
                     }
                 })
             },
@@ -460,6 +456,9 @@
                     url: "/pageB/sdetails/index?id=" + id + "&type=" + 1,
                 })
             },
+            gotoInfo(id) {
+                console.log(id);
+            },
             // 收起键盘
             hideEdit() {},
             // stop
@@ -476,8 +475,10 @@
 </script>
 
 <style>
+    
     .container {
         position: relative;
+        background-color: #FF0000 !important;
     }
 
     /* 关闭 */
@@ -497,6 +498,9 @@
         left: 330rpx;
         width: 100rpx;
         height: 100rpx;
+        /* #ifdef H5 */
+        top: 500rpx;
+        /* #endif */
     }
     
     .pause-img {
@@ -507,7 +511,10 @@
     /* 用户操作 */
     .user-info {
         position: fixed;
-        right: 30rpx;
+        right: 26rpx;
+        /* #ifdef H5 */
+        top: 400rpx;
+        /* #endif */
     }
 
     /* 底部信息 */
@@ -839,13 +846,16 @@
     }
 
     .title {
+        width: 700rpx;
         color: #fff;
         font-size: 26rpx;
         margin-bottom: 20rpx;
+        lines: 1;
+        text-overflow: ellipsis;
     }
 
     .centent {
-        width: 500rpx;
+        width: 600rpx;
         color: #fff;
         font-size: 28rpx;
         margin-bottom: 20rpx;