This commit is contained in:
hhh 2023-01-22 02:20:23 +08:00
parent b453d34860
commit 3c1fe5eeb1
5 changed files with 47 additions and 21 deletions

View File

@ -10,7 +10,7 @@
:autoplay="isPlay" loop> :autoplay="isPlay" loop>
<p> 您的浏览器不支持 video 标签</p> <p> 您的浏览器不支持 video 标签</p>
</video> </video>
<img src="../assets/img/icon/play-white.png" class="pause" v-if="paused"> <img src="../../assets/img/icon/play-white.png" class="pause" v-if="paused">
<div class="float" :style="{opacity: isUp?0:1}"> <div class="float" :style="{opacity: isUp?0:1}">
<div :style="{opacity:isMove ? 0:1}" class="normal"> <div :style="{opacity:isMove ? 0:1}" class="normal">
<div class="toolbar mb1r"> <div class="toolbar mb1r">
@ -19,30 +19,30 @@
@click.stop="$emit('goUserInfo')"> @click.stop="$emit('goUserInfo')">
<transition name="fade"> <transition name="fade">
<div v-if="!isAttention" @click.stop="attention" class="options" ref="attention-option"> <div v-if="!isAttention" @click.stop="attention" class="options" ref="attention-option">
<img class="no" src="../assets/img/icon/add-light.png" alt=""> <img class="no" src="../../assets/img/icon/add-light.png" alt="">
<img class="yes" src="../assets/img/icon/ok-red.png" alt=""> <img class="yes" src="../../assets/img/icon/ok-red.png" alt="">
</div> </div>
</transition> </transition>
</div> </div>
<div class="love mb2r" @click.stop="loved($event)"> <div class="love mb2r" @click.stop="loved($event)">
<div> <div>
<img src="../assets/img/icon/love.svg" class="love-image" v-if="!lVideo.isLoved"> <img src="../../assets/img/icon/love.svg" class="love-image" v-if="!lVideo.isLoved">
<img src="../assets/img/icon/loved.svg" class="love-image" v-if="lVideo.isLoved"> <img src="../../assets/img/icon/loved.svg" class="love-image" v-if="lVideo.isLoved">
</div> </div>
<span>{{ $likeNum(lVideo.digg_count) }}</span> <span>{{ $likeNum(lVideo.digg_count) }}</span>
</div> </div>
<div class="message mb2r" @click.stop="$emit('showComments')"> <div class="message mb2r" @click.stop="$emit('showComments')">
<!-- <div class="message mb15p" @click.stop="showComment">--> <!-- <div class="message mb15p" @click.stop="showComment">-->
<img src="../assets/img/icon/message.svg" alt="" class="message-image"> <img src="../../assets/img/icon/message.svg" alt="" class="message-image">
<span>{{ $likeNum(lVideo.comment_count) }}</span> <span>{{ $likeNum(lVideo.comment_count) }}</span>
</div> </div>
<div v-if="!isMy" class="share mb4r" @click.stop="$emit('showShare')"> <div v-if="!isMy" class="share mb4r" @click.stop="$emit('showShare')">
<img src="../assets/img/icon/share-white-full.png" alt="" class="share-image"> <img src="../../assets/img/icon/share-white-full.png" alt="" class="share-image">
<span>{{ $likeNum(lVideo.share_count) }}</span> <span>{{ $likeNum(lVideo.share_count) }}</span>
</div> </div>
<div v-else class="share mb4r" @click.stop="$emit('showShare')"> <div v-else class="share mb4r" @click.stop="$emit('showShare')">
<img src="../assets/img/icon/share-white-full.png" alt="" class="share-image"> <img src="../../assets/img/icon/share-white-full.png" alt="" class="share-image">
</div> </div>
<BaseMusic <BaseMusic
:cover="lVideo.music.cover" :cover="lVideo.music.cover"
@ -55,7 +55,7 @@
<div class="content ml1r mb1r" v-if="!isMy"> <div class="content ml1r mb1r" v-if="!isMy">
<div class="location-wrapper" v-if=" lVideo.city || lVideo.address"> <div class="location-wrapper" v-if=" lVideo.city || lVideo.address">
<div class="location"> <div class="location">
<img src="../assets/img/icon/location.webp" alt=""> <img src="../../assets/img/icon/location.webp" alt="">
<span>{{ lVideo.city }}</span> <span>{{ lVideo.city }}</span>
<template v-if="lVideo.address && lVideo.address"> <template v-if="lVideo.address && lVideo.address">
<div class="gang"></div> <div class="gang"></div>
@ -68,7 +68,7 @@
{{ lVideo.desc }} {{ lVideo.desc }}
</div> </div>
<div class="music" @click.stop="$nav('/music')"> <div class="music" @click.stop="$nav('/music')">
<img src="../assets/img/icon/music.svg" alt="" class="music-image"> <img src="../../assets/img/icon/music.svg" alt="" class="music-image">
<BaseMarquee :key="name" <BaseMarquee :key="name"
:name="name" :name="name"
:isPlay="isPlay" :isPlay="isPlay"
@ -79,7 +79,7 @@
<div v-else class="comment-status"> <div v-else class="comment-status">
<div class="comment"> <div class="comment">
<div class="type-comment"> <div class="type-comment">
<img src="../assets/img/icon/head-image.jpeg" alt="" class="avatar"> <img src="../../assets/img/icon/head-image.jpeg" alt="" class="avatar">
<div class="right"> <div class="right">
<p> <p>
<span class="name">zzzzz</span> <span class="name">zzzzz</span>
@ -90,8 +90,8 @@
</div> </div>
<transition-group name="comment-status" tag="div" class="loveds"> <transition-group name="comment-status" tag="div" class="loveds">
<div class="type-loved" :key="i" v-for="i in test"> <div class="type-loved" :key="i" v-for="i in test">
<img src="../assets/img/icon/head-image.jpeg" alt="" class="avatar"> <img src="../../assets/img/icon/head-image.jpeg" alt="" class="avatar">
<img src="../assets/img/icon/love.svg" alt="" class="loved"> <img src="../../assets/img/icon/love.svg" alt="" class="loved">
</div> </div>
</transition-group> </transition-group>
</div> </div>
@ -115,12 +115,12 @@
</template> </template>
<script> <script>
import globalMethods from '../utils' import globalMethods from '../../utils'
import BaseMarquee from "./BaseMarquee"; import BaseMarquee from "../BaseMarquee";
import Dom from "../utils/dom"; import Dom from "../../utils/dom";
import BaseMusic from "./BaseMusic"; import BaseMusic from "../BaseMusic";
import {mapState} from "vuex"; import {mapState} from "vuex";
import Loading from "./Loading"; import Loading from "../Loading";
export default { export default {
name: "BVideo", name: "BVideo",
@ -355,7 +355,7 @@ export default {
</script> </script>
<style scoped lang="less"> <style scoped lang="less">
@import "../assets/less/color"; @import "../../assets/less/color";
.fade-enter-active, .fade-enter-active,
.fade-leave-active { .fade-leave-active {

View File

@ -0,0 +1,13 @@
<template>
</template>
<script>
export default {
name: "ItemDesc"
}
</script>
<style scoped>
</style>

View File

@ -0,0 +1,13 @@
<template>
</template>
<script>
export default {
name: "ItemOptions"
}
</script>
<style scoped>
</style>

View File

@ -81,7 +81,7 @@
<script lang="jsx"> <script lang="jsx">
import SlideHorizontal from './SlideHorizontal' import SlideHorizontal from './SlideHorizontal'
import SlideVertical from './SlideVertical' import SlideVertical from './SlideVertical'
import BVideo from "../../components/BVideo"; import BVideo from "../../components/slide/BVideo";
import resource from "../../assets/data/resource"; import resource from "../../assets/data/resource";
import Dom from "../../utils/dom"; import Dom from "../../utils/dom";
import Footer from "../../components/Footer"; import Footer from "../../components/Footer";

View File

@ -55,7 +55,7 @@ import SlideItem from './SlideItem'
import SlideVideo from "../../components/slide/SlideVideo"; import SlideVideo from "../../components/slide/SlideVideo";
import SlideUser from "../../components/slide/SlideUser"; import SlideUser from "../../components/slide/SlideUser";
import SlideImgs from "../../components/slide/SlideImgs"; import SlideImgs from "../../components/slide/SlideImgs";
import BVideo from "../../components/BVideo"; import BVideo from "../../components/slide/BVideo";
import resource from "../../assets/data/resource.js"; import resource from "../../assets/data/resource.js";
import {reactive} from "vue"; import {reactive} from "vue";