update beta site

This commit is contained in:
mubai
2024-03-24 00:13:04 +08:00
parent 6709720707
commit 06df02e42e
8 changed files with 27 additions and 9 deletions

Binary file not shown.

After

Width:  |  Height:  |  Size: 348 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 1.9 MiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 1.7 MiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 261 KiB

View File

@@ -1,7 +1,7 @@
<template>
<div class="container">
<div class="hidden-sm-and-up banner_wrap" @touchstart="touchS" @touchend="touchE" >
<el-carousel v-model="data.banner.current" ref="wrap" :interval="3000" trigger="hover" height="200px" arrow="never" >
<el-carousel v-model="data.banner.current" ref="wrap" :interval="5000" trigger="hover" height="200px" arrow="never" >
<el-carousel-item v-for="item in banners" :key="item" >
<el-image style="width: 100%; height: 100%;" :src="item.picture" fit="fill"/>
<p class="carousel-title">{{ item.name }}</p>
@@ -11,7 +11,7 @@
<div class="banner hidden-sm-and-down"
:style="{background:`url(${data.banner.current.picture})`, backgroundRepeat: 'no-repeat', backgroundSize: 'cover'}">
<div class="preview">
<el-carousel @change="carousel" :interval="3000" height="240px" arrow="always">
<el-carousel @change="carousel" :interval="5000" height="240px" arrow="always">
<el-carousel-item v-for="item in banners" :key="item">
<el-image style="width: 60%; height: 80%;border-radius: 5px;" :src="item.poster" fit="contain"/>
<div class="carousel-tags">
@@ -69,6 +69,10 @@ import {onBeforeMount, reactive, ref} from "vue";
import {ApiGet} from "../../utils/request";
import FilmList from "../../components/index/FilmList.vue";
import {ElMessage} from "element-plus";
import Banner01 from '../../assets/image/banner/banner01.jpg'
import Banner02 from '../../assets/image/banner/banner02.jpg'
import Banner03 from '../../assets/image/banner/banner03.jpg'
import Banner04 from '../../assets/image/banner/banner04.jpeg'
// 轮播数据拟态
@@ -78,28 +82,32 @@ let banners = [
year: 2012,
cName: '动漫',
poster: 'https://img.bfzypic.com/upload/vod/20230424-43/06e79232a4650aea00f7476356a49847.jpg',
picture: 'https://s2.loli.net/2024/02/21/Wt1QDhabdEI7HcL.jpg'
picture: Banner01,
// picture: 'https://s2.loli.net/2024/02/21/Wt1QDhabdEI7HcL.jpg'
},
{
name: '从零开始的异世界生活',
year: 2016,
cName: '动漫',
poster: 'https://img.bfzypic.com/upload/vod/20230424-29/82e3aec3f43103fa1b7e5a0e7f7c3806.jpg',
picture: 'https://s2.loli.net/2024/02/21/UkpdhIRO12fsy6C.jpg'
picture: Banner02,
// picture: 'https://s2.loli.net/2024/02/21/UkpdhIRO12fsy6C.jpg'
},
{
name: '五等分的新娘',
year: 2020,
cName: '动漫',
poster: 'https://img.bfzypic.com/upload/vod/20230424-38/dfff403cfd9a5b7d6eed8b4f1b3dedb1.jpg',
picture: 'https://s2.loli.net/2024/02/21/wXJr59Zuv4tcKNp.jpg'
picture: Banner03
// picture: 'https://s2.loli.net/2024/02/21/wXJr59Zuv4tcKNp.jpg'
},
{
name: '我的青春恋爱物语果然有问题',
year: 2018,
cName: '动漫',
poster: 'https://img.bfzypic.com/upload/vod/20230424-37/e5c9ec121c2cba230243c333447e818a.jpg',
picture: 'https://s2.loli.net/2024/02/21/oMAGzSliK2YbhRu.jpg'
picture: Banner04,
// picture: 'https://s2.loli.net/2024/02/21/oMAGzSliK2YbhRu.jpg'
},
]

View File

@@ -13,6 +13,7 @@ export default defineConfig({
proxy: {
"/api": {
target: `http://127.0.0.1:3601`,
// target: `http://1.94.30.26:3601`,
changeOrigin: true, // 允许跨域
rewrite: path => path.replace(/^\/api/, '')
}