|
|
|
@ -6,12 +6,12 @@ |
|
|
|
</view> |
|
|
|
<scroll-view class="tabs-bar" :scroll-x="true"> |
|
|
|
<view class="tabs-bar-item" v-for="(item1,index1) in tabList" :key="index1" |
|
|
|
:class="(current_index==index1&&cc_id=='6')?'active1': (current_index==index1?'active2':'')" |
|
|
|
:class="(current_index==index1&&(cc_id=='6'||cc_id=='51'))?'active1': (current_index==index1?'active2':'')" |
|
|
|
@click="changeIndex(index1)" |
|
|
|
:style="cc_id=='6'?'margin-right:20px;':''"> |
|
|
|
:style="(cc_id=='6'||cc_id=='51')?'margin-right:20px;':''"> |
|
|
|
{{item1.name}} |
|
|
|
</view> |
|
|
|
<!-- cc_id=='6'是校园活动，生活服务的样式和校园活动一样 --> |
|
|
|
<!-- cc_id=='6'是校园活动，生活服务51的样式和校园活动一样 --> |
|
|
|
</scroll-view> |
|
|
|
<view class="tabs-content"> |
|
|
|
<swiper class="tabs-banner" :indicator-dots="true" v-if="bannerList.length>0"> |
|
|
|
@ -37,12 +37,15 @@ |
|
|
|
<view v-if="videoshow && cc_id<5" class="status_bar"></view> |
|
|
|
<view v-if="videoshow" style="width: 100vw;height: 100vh;position: relative;background-color: #000;"> |
|
|
|
<video id="myvideo" :src="videolint" |
|
|
|
:style="updateWH" class="myvideo" :show-play-btn="true" object-fit="cover" |
|
|
|
:style="updateWH" class="myvideo" :show-play-btn="false" object-fit="cover" |
|
|
|
@click.stop="videoControl" :show-fullscreen-btn="false" :autoplay="true" :direction="0" |
|
|
|
@loadedmetadata="changeSize" @ended="play=false"></video> |
|
|
|
<view class="videoNavBar"> |
|
|
|
<text class="iconfont icon-roundleftfill" style="font-size: 48upx;" @click="hideVideo"></text> |
|
|
|
</view> |
|
|
|
<view class="playBtnArea" @click.stop="videoControl" v-if="!play"> |
|
|
|
<img src="../../../static/play.png" alt=""> |
|
|
|
</view> |
|
|
|
<view class="videoTxt"> |
|
|
|
<view class="text-area"> |
|
|
|
<!-- <image src="../../../static/chooseCade/BG.png" mode="" |
|
|
|
@ -79,17 +82,27 @@ |
|
|
|
<scroll-view scroll-y="true" class="comment-a-list"> |
|
|
|
<view v-if="currentVideo.CommentList&¤tVideo.CommentList.length>0"> |
|
|
|
<view v-for="(item1,index1) in currentVideo.CommentList" :key="index1" class="comment-item"> |
|
|
|
<view style="width: 100%;display: flex;align-items: center;margin-bottom: 10upx;"> |
|
|
|
<image :src="item1.avatar" mode="" style="width: 48upx;height: 48upx;border-radius: 50%;"></image> |
|
|
|
<view style="font-size: 12px;color: #999;margin-left: 20upx;">{{item1.nickname}}</view> |
|
|
|
</view> |
|
|
|
<view style="width: 100%;"><text>{{item1.content}}</text></view> |
|
|
|
<view style="font-size: 11px;color: #999;margin-right: 20upx;">{{item1.createtime}}</view> |
|
|
|
<view class="reply" @click="editReply(index1)">回复</view> |
|
|
|
|
|
|
|
<!-- 二级评论区 --> |
|
|
|
<view class="comment-item-child" v-if="item1.childCommentList" v-for="(item2,index2) in item1.childCommentList" :key="index2"> |
|
|
|
<view style="width: 100%;display: flex;align-items: center;margin-bottom: 10upx;"> |
|
|
|
<image :src="item2.avatar" mode="" style="width: 48upx;height: 48upx;border-radius: 50%;"></image> |
|
|
|
<view style="font-size: 12px;color: #999;margin-left: 20upx;">{{item2.nickname}}</view> |
|
|
|
</view> |
|
|
|
<view style="width: 100%;"><text>{{item2.content}}</text></view> |
|
|
|
<view style="font-size: 11px;color: #999;margin-right: 20upx;">{{item2.createtime}}</view> |
|
|
|
<view class="reply" @click="editReply(index1, index2)">回复</view> |
|
|
|
</view> |
|
|
|
<!-- 二级评论区 --> |
|
|
|
<view style="width: 100%;font-size: 12px;margin-top: 10upx;color: #666;" v-if="item1.is_query" @click="getChildCommentList(index1, item1.id)"> |
|
|
|
<text v-if="item1.comment_twoPage==1">---展开回复</text><text v-else-if="item1.comment_twoPage>0">---更多回复</text> |
|
|
|
<text v-if="item1.comment_twoPage==1">---展开{{item1.reply_count}}条回复</text><text v-else-if="item1.comment_twoPage>0">---更多回复</text> |
|
|
|
</view> |
|
|
|
</view> |
|
|
|
</view> |
|
|
|
@ -104,7 +117,7 @@ |
|
|
|
</scroll-view> |
|
|
|
<view class="comment-a-b"> |
|
|
|
<textarea v-model="editComment" :placeholder="placeholderText" class="comment-a-b-inp" placeholder-class="comment-a-b-inp-p" |
|
|
|
:fixed="true" :auto-height="true" :adjust-position="false" /> |
|
|
|
:fixed="true" :auto-height="true" :adjust-position="true" /> |
|
|
|
<view class="comment-a-b-btn" @click="submitComment">发送</view> |
|
|
|
</view> |
|
|
|
</view> |
|
|
|
@ -461,13 +474,16 @@ |
|
|
|
// 点击回复 |
|
|
|
editReply(index1, index2){ |
|
|
|
console.log(index1, index2); |
|
|
|
let objname; |
|
|
|
this.oneid = this.currentVideo.CommentList[index1].id; |
|
|
|
if(index2){ |
|
|
|
if(index2!==undefined){ |
|
|
|
this.pid = this.currentVideo.CommentList[index1].childCommentList[index2].id; |
|
|
|
objname = this.currentVideo.CommentList[index1].childCommentList[index2].nickname; |
|
|
|
}else{ |
|
|
|
this.pid = this.currentVideo.CommentList[index1].id; |
|
|
|
objname = this.currentVideo.CommentList[index1].nickname; |
|
|
|
} |
|
|
|
this.placeholderText = '回复评论' |
|
|
|
this.placeholderText = '回复'+objname+'的评论'; |
|
|
|
console.log(this.pid,'this.pid，当前要回复的评论的id'); |
|
|
|
console.log(this.oneid,'this.oneid，当前要回复的评论的一级评论id'); |
|
|
|
|
|
|
|
@ -619,6 +635,19 @@ |
|
|
|
color: #999; |
|
|
|
padding: 16upx 30upx 16upx; |
|
|
|
} |
|
|
|
.playBtnArea{ |
|
|
|
width: 30vw; |
|
|
|
height: 30vw; |
|
|
|
position: absolute; |
|
|
|
left: 35vw; |
|
|
|
top: calc(50vh - 15vw); |
|
|
|
z-index: 2; |
|
|
|
|
|
|
|
img{ |
|
|
|
width: 100%; |
|
|
|
height: 100%; |
|
|
|
} |
|
|
|
} |
|
|
|
.myvideo{ |
|
|
|
position: absolute; |
|
|
|
} |
|
|
|
|
