This commit is contained in:
jia 2023-09-05 18:25:49 +08:00
parent 9c2bd07e8a
commit d70a328f9c
2 changed files with 609 additions and 620 deletions

File diff suppressed because it is too large Load Diff

View File

@ -21,6 +21,13 @@
-->
<!-- 头部导航 -->
<view class="header">
<view class='xiangzuo' @click='goBack()'>
<image src="@/static/images/icon-back.png" mode="aspectFit"></image>
</view>
</view>
<!-- <view v-if="!isUser" class="header" :style="{backgroundColor:currentNav==1?'':'#000'}" >
<view class="items" @click.stop="navTap(2)">
<text class="tName" :class="currentNav==2?'on':''">关注</text>
@ -316,13 +323,7 @@
</view>
</uni-popup>
<authorize @onLoadFun="onLoadFun" :isAuto="isAuto" :isShowAuth="isShowAuth" @authColse="authColse"></authorize>
<view class="fixed-head">
<view class="sys-head" :style="{height:statusBarHeight}"></view>
<view class="tool-bar" @click='goBack()'>
<image class="icon-xiangzuo" src="@/static/image/icon-back.png"></image>
</view>
</view>
</view>
</template>
<script>
@ -402,7 +403,7 @@
newTime: 0, //跟手滑动后的最新时间💗
timeNumber: 0, //🌟💗
ProgressBarBottom: 20, //进度条离底部的距离💗
object_fit: 'cover', //视频样式默认包含🌟💗
object_fit: 'fill', //视频样式默认包含🌟💗
mode: 'aspectFit', //图片封面样式🌟💗
timeout: "", //🌟用来阻止 setTimeout()方法
voice: "", //🌟用来阻止 setTimeout()方法
@ -704,16 +705,17 @@
// });
// })'
// that.isUser ?
videoList({
page: that.page,
limit: that.limit,
id:this.videoID
}).then(res=>{
that.getVideoData(res.data.list);
page: that.page,
limit: that.limit,
id: that.videoID
}).then(res => {
console.log(res.data.list)
that.getVideoData(res.data.list);
})
//:
// graphicLstApi({
// page: that.page,
@ -746,7 +748,7 @@
})
},
getVideoData(list) {
if (list.length == 0) return
let that = this;
that.loadVideo = list.length == that.limit
@ -757,7 +759,7 @@
msg[i]['community_id'] = msg[i]['community_id'].toString()
that.dataList.push(msg[i])
}
if (that.dataList.length !== 0) {
that.dataList[that.k].state = 'play';
setTimeout(function() {
@ -883,8 +885,8 @@
// 这个方法主要就是用来第一次进入视频播放时用来处理
deoList(this.videoID).then(async (res) => {
this.loadVideo = false
this.userUid=res.data.uid
this.page = this.page + 1;
this.userUid = res.data.uid
this.page = this.page + 1;
var msg = [res.data];
for (let i = 0; i < msg.length; i++) {
msg[i]['isMore'] = false
@ -895,7 +897,7 @@
msg[i]['community_id'] = msg[i]['community_id'].toString()
}
this.dataList = msg;
if (this.dataList.length !== 0) {
this.dataList[this.k].state = 'play';
uni.createVideoContext(this.dataList[this.k].community_id, this).play()
@ -1110,6 +1112,11 @@
// background-color: #999;
// }
// }
.container {
position: relative;
}
.video-list {
// margin: 0 auto;
// width: 750rpx;
@ -1231,44 +1238,61 @@
}
}
.fixed-head {
flex-direction: row;
justify-content: center;
align-items: center;
position: fixed;
left: 0;
top: 70rpx;
height: 86rpx;
.icon-xiangzuo {
margin-left: 10px;
width: 20px;
height: 20px;
color: #ffffff;
}
}
.header {
position: fixed;
z-index: 9;
width: 750rpx;
height: 186rpx;
flex-direction: row;
justify-content: center;
align-items: center;
padding-top: 70rpx;
position: fixed;
z-index: 9999 !important;
width: 750rpx;
height: 120rpx;
flex-direction: row;
justify-content: center;
align-items: center;
padding-top: 20rpx;
/* #ifdef MP */
padding-top: 75rpx;
/* #endif */
/deep/ .xiangzuo {
position: absolute;
left: 20rpx;
top: 60px;
width: 23rpx;
height: 42rpx;
margin-right: 40rpx;
margin-left: 20rpx;
image {
width: 100%;
height: 100%;
}
}
.items {
margin: 0 30rpx;
image {
width: 58rpx;
height: 58rpx;
}
.tName {
color: #000;
font-size: 32rpx;
font-size: 33rpx;
font-family: PingFang SC-Medium, PingFang SC;
font-weight: 500;
color: #737373;
line-height: 50px;
&.on {
font-size: 38rpx;
font-size: 33rpx;
font-family: PingFang SC-Medium, PingFang SC;
font-weight: 500;
color: #333333;
}
}
}
}