Browse Source

add video

master
chutingting 1 year ago
parent
commit
12d930ee00
3 changed files with 61 additions and 29 deletions
  1. +57
    -2
      src/components/swiperHor/index.vue
  2. +2
    -25
      src/views/aigc/index.vue
  3. +2
    -2
      src/views/metadaily/index.vue

+ 57
- 2
src/components/swiperHor/index.vue View File

@@ -4,12 +4,21 @@
<div class="swiper-containerhor">
<div class="swiper-wrapper">
<div class="swiper-slide" v-for="(item, index) in bannerArray" :key="index">
<img :src="item.img">
<div v-if="item.flag === 'image'" class="imagezb">
<img :src="item.img">
<el-button>进入直播间</el-button>
<div class="textzb">
<a class="titlezb">主播: {{ item.name }}</a>
<a class="contentzb">内容: {{ item.content }}</a>
</div>
</div>
<div v-else class="videozb">
<img :src="item.img">
<div class="textzb">
<!-- <a class="titlezb">主播: {{ item.name }}</a> -->
<a class="contentzb">{{ item.content }}</a>
</div>
</div>
</div>
</div>
<div class="main">
@@ -52,7 +61,7 @@ export default {
prevButton: '.swiper-button-prev',
nextButton: '.swiper-button-next',
spaceBetween: 30,
autoplay: 3000,
// autoplay: 3000,
loop: true
})
}
@@ -122,6 +131,52 @@ export default {
margin-top: 10px;
}
}
.videozb {
width: 230px;
float: left;
margin-right: 20px;
position: relative;
img {
width: 230px;
}
.textzb {
margin-top: 10px;
line-height: 16px;
display: flex;
flex-direction: column;
align-items: center;
justify-content: space-between;
width: 100%;
a {
width: 100%;
display: inline-block;
text-align: left;
line-height: 30px;
}
.contentzb{
margin-top: 10px;
width: 207px;
font-size: 18px;
font-weight: 400;
color: #030303;
line-height: 24px;
}
}
}
.videozb::after {
content: '';
z-index: 99;
width: 55px;
height: 55px;
position: absolute;
background-image: url('../../assets/play.png');
background-size: 100%;
left: 50%;
margin-left: -27.5px;
top: 200px;
z-index: 99;
background-repeat: no-repeat;
}
}
</style>

+ 2
- 25
src/views/aigc/index.vue View File

@@ -46,36 +46,13 @@
<img :src="gg1.img" alt="">
</a>
</div>
<div id="daliay">
<div id="daliay" v-show="aigczb.length > 0">
<div class="content">
<div class="top">
<div id="szr">
<a>数字人视频</a>
</div>
<SwiperHor :banner-array="aigczb" />
<!-- <div id="zb">
<img src="@/assets/left.png">
<div id="zbitem">
<template v-for="(item, index) in aigczb" >
<div v-if="item.flag === 'image'" :key="index" class="imagezb">
<img :src="item.img">
<el-button>进入直播间</el-button>
<div class="textzb">
<a class="titlezb">主播: {{ item.name }}</a>
<a class="contentzb">内容: {{ item.content }}</a>
</div>
</div>
<div v-else class="videozb" :key="index">
<img :src="item.img">
<div class="textzb">
<a class="titlezb">主播: {{ item.name }}</a>
<a class="contentzb">内容: {{ item.content }}</a>
</div>
</div>
</template>
</div>
<img src="@/assets/right.png">
</div> -->
<SwiperHor :banner-array="aigczb" />
</div>
</div>
<div class="gg gg2">


+ 2
- 2
src/views/metadaily/index.vue View File

@@ -34,9 +34,9 @@
</div> -->
<div class="htitle">
<a class="tle">资讯</a>
<div class="item">
<!-- <div class="item">
<a v-for="item in information" :key="item" @click="changenews(item)" :class="{ clk: informationitem === item }">{{ item }}</a>
</div>
</div> -->
<el-button type="text" @click="routerTo">MORE+</el-button>
</div>
<div id="hotList">


Loading…
Cancel
Save