From 984ace88a41ec1628ffd315ecfb7202aae4aecce Mon Sep 17 00:00:00 2001 From: mubai <1609539827@qq.com> Date: Wed, 19 Apr 2023 21:57:30 +0800 Subject: [PATCH] optimize --- client/components.d.ts | 1 + client/src/assets/image/cartoon.png | Bin 8047 -> 0 bytes client/src/assets/image/film.png | Bin 3750 -> 0 bytes client/src/assets/image/tv.png | Bin 5519 -> 0 bytes client/src/assets/svg/cartoon.svg | 1 - client/src/assets/svg/film.svg | 1 - client/src/assets/svg/tv.svg | 1 - client/src/components/FilmList.vue | 184 ++++++++++ client/src/components/Header.vue | 13 +- client/src/components/RelateList.vue | 153 +-------- client/src/components/Util.vue | 3 +- client/src/views/IndexHome.vue | 6 +- client/src/views/error/Error404.vue | 29 +- client/src/views/index/CategoryFilm.vue | 318 ++++++------------ client/src/views/index/FilmDetails.vue | 100 ++++-- client/src/views/index/Home.vue | 99 ++---- client/src/views/index/Play.vue | 116 +++++-- client/src/views/index/SearchFilm.vue | 6 +- client/vite.config.ts | 29 +- film/data/nginx/html/assets/404-b813c94a.png | Bin 0 -> 1081056 bytes .../{index-4e26142c.js => index-abd35057.js} | 64 ++-- .../data/nginx/html/assets/index-bf20f8e3.css | 1 - .../data/nginx/html/assets/index-df719233.css | 1 + film/data/nginx/html/assets/play-bb9c8990.png | Bin 0 -> 2197046 bytes film/data/nginx/html/index.html | 4 +- film/server/config/DataConfig.go | 24 +- film/server/logic/IndexLogic.go | 55 ++- film/server/main.go | 4 +- film/server/model/Movies.go | 82 +++-- film/server/model/ResponseJson.go | 1 + film/server/model/Search.go | 53 ++- film/server/plugin/common/ProcessMovies.go | 1 + film/server/plugin/spider/Spider.go | 3 +- film/server/plugin/spider/SpiderCron.go | 8 + film/server/plugin/spider/SpiderRequest.go | 11 + server/config/DataConfig.go | 9 +- server/logic/IndexLogic.go | 55 ++- server/main.go | 4 +- server/model/Movies.go | 82 +++-- server/model/ResponseJson.go | 1 + server/model/Search.go | 53 ++- server/plugin/common/ProcessMovies.go | 1 + server/plugin/spider/Spider.go | 3 +- server/plugin/spider/SpiderCron.go | 8 + server/plugin/spider/SpiderRequest.go | 11 + 45 files changed, 941 insertions(+), 658 deletions(-) delete mode 100644 client/src/assets/image/cartoon.png delete mode 100644 client/src/assets/image/film.png delete mode 100644 client/src/assets/image/tv.png delete mode 100644 client/src/assets/svg/cartoon.svg delete mode 100644 client/src/assets/svg/film.svg delete mode 100644 client/src/assets/svg/tv.svg create mode 100644 client/src/components/FilmList.vue create mode 100644 film/data/nginx/html/assets/404-b813c94a.png rename film/data/nginx/html/assets/{index-4e26142c.js => index-abd35057.js} (60%) delete mode 100644 film/data/nginx/html/assets/index-bf20f8e3.css create mode 100644 film/data/nginx/html/assets/index-df719233.css create mode 100644 film/data/nginx/html/assets/play-bb9c8990.png diff --git a/client/components.d.ts b/client/components.d.ts index 8174d46..59269f3 100644 --- a/client/components.d.ts +++ b/client/components.d.ts @@ -23,6 +23,7 @@ declare module '@vue/runtime-core' { ElRow: typeof import('element-plus/es')['ElRow'] ElTabPane: typeof import('element-plus/es')['ElTabPane'] ElTabs: typeof import('element-plus/es')['ElTabs'] + FilmList: typeof import('./src/components/FilmList.vue')['default'] Footer: typeof import('./src/components/Footer.vue')['default'] Header: typeof import('./src/components/Header.vue')['default'] RelateList: typeof import('./src/components/RelateList.vue')['default'] diff --git a/client/src/assets/image/cartoon.png b/client/src/assets/image/cartoon.png deleted file mode 100644 index 43242a7533b17ff8c4881d8f16398d8a6afd116b..0000000000000000000000000000000000000000 GIT binary patch literal 0 HcmV?d00001 literal 8047 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 diff --git a/client/src/assets/svg/cartoon.svg b/client/src/assets/svg/cartoon.svg deleted file mode 100644 index d3654e1..0000000 --- a/client/src/assets/svg/cartoon.svg +++ /dev/null @@ -1 +0,0 @@ - \ No newline at end of file diff --git a/client/src/assets/svg/film.svg b/client/src/assets/svg/film.svg deleted file mode 100644 index 432c6fd..0000000 --- a/client/src/assets/svg/film.svg +++ /dev/null @@ -1 +0,0 @@ - \ No newline at end of file diff --git a/client/src/assets/svg/tv.svg b/client/src/assets/svg/tv.svg deleted file mode 100644 index 31662d9..0000000 --- a/client/src/assets/svg/tv.svg +++ /dev/null @@ -1 +0,0 @@ - \ No newline at end of file diff --git a/client/src/components/FilmList.vue b/client/src/components/FilmList.vue new file mode 100644 index 0000000..cb2047a --- /dev/null +++ b/client/src/components/FilmList.vue @@ -0,0 +1,184 @@ + + + + + \ No newline at end of file diff --git a/client/src/components/Header.vue b/client/src/components/Header.vue index 47d824a..800d192 100644 --- a/client/src/components/Header.vue +++ b/client/src/components/Header.vue @@ -3,7 +3,7 @@
- Boat + GoFilm
@@ -130,6 +130,17 @@ onMounted(() => { .nav_left { display: flex; } + /*site标志样式*/ + .site{ + font-weight: 600; + font-style: italic; + font-size: 24px; + margin-right: 5px; + background: linear-gradient(118deg, #e91a90, #c965b3, #988cd7, #00acfd); + -webkit-background-clip: text; + background-clip: text; + color: transparent; + } /*搜索栏*/ .search_group { diff --git a/client/src/components/RelateList.vue b/client/src/components/RelateList.vue index 2d9d1be..24813bb 100644 --- a/client/src/components/RelateList.vue +++ b/client/src/components/RelateList.vue @@ -1,154 +1,29 @@ \ No newline at end of file diff --git a/client/src/components/Util.vue b/client/src/components/Util.vue index 88e99fc..51200b7 100644 --- a/client/src/components/Util.vue +++ b/client/src/components/Util.vue @@ -60,7 +60,7 @@ const changeStyle = (type:string)=>{ case 'light': control.darkTheme = false localStorage.setItem("theme", 'light') - document.getElementsByClassName('main')[0].style.background = `radial-gradient(circle, #C147E9, #810CA8, #2D033B)` + document.getElementsByClassName('main')[0].style.background = `linear-gradient(45deg, #356697, rgb(105, 68, 140), rgb(151, 109, 133), rgb(92 104 149))` break case 'dark': control.darkTheme = true @@ -81,6 +81,7 @@ const changeStyle = (type:string)=>{ right: 10px; bottom: 15%; width: 35px; + z-index: 20; } .util a { display: block; diff --git a/client/src/views/IndexHome.vue b/client/src/views/IndexHome.vue index 5ad8e91..4a07d31 100644 --- a/client/src/views/IndexHome.vue +++ b/client/src/views/IndexHome.vue @@ -49,9 +49,13 @@ import Footer from "../components/Footer.vue"; @media (max-width: 650px) { .el-main { /*margin: 0 auto;*/ - padding: 60px 0; + padding: 55px 0!important; /*padding-top: 100px!important;*/ } + :deep(.el-header) { + height: 40px!important; + min-height: 40px!important; + } } :deep(.el-menu--horizontal) { diff --git a/client/src/views/error/Error404.vue b/client/src/views/error/Error404.vue index 01bd27a..e03b079 100644 --- a/client/src/views/error/Error404.vue +++ b/client/src/views/error/Error404.vue @@ -3,19 +3,42 @@
- \ No newline at end of file diff --git a/client/src/views/index/CategoryFilm.vue b/client/src/views/index/CategoryFilm.vue index 3a9e2a9..59a3f2d 100644 --- a/client/src/views/index/CategoryFilm.vue +++ b/client/src/views/index/CategoryFilm.vue @@ -1,40 +1,32 @@ @@ -103,12 +96,14 @@ onMounted(() => { padding: 0 10px; } + /*顶部内容区域*/ .header { width: 100%; margin-bottom: 100px; - background: none!important; + background: none !important; } + .header p { text-align: left; font-weight: 600; @@ -167,61 +162,10 @@ onMounted(() => { border-radius: 50px; transform: scaleX(1); } + .active { - background: rgb(249 230 195)!important; - color: #e52424!important; - } - - - /*展示区域*/ - .c_content { - width: 100%; - display: flex; - flex-flow: wrap; - justify-content: start; - } - - .c_content .item { - flex-basis: calc(33% - 6px); - max-width: 33%; - margin: 0 3px 20px 3px; - box-sizing: border-box; - overflow: hidden; - } - - .item a { - border-radius: 5px; - display: flex; - padding-top: 125%; - background-size: cover; - width: 100%; - } - - .cus_tag { - display: none; - } - - .content_text_tag { - font-size: 12px !important; - color: rgb(221, 221, 221); - width: 100%; - padding: 2px 0 2px 0 !important; - text-align: left; - display: -webkit-box; - -webkit-box-orient: vertical; - -webkit-line-clamp: 2; - overflow: hidden; - text-overflow: ellipsis; - } - - .cus_remark { - display: block; - width: 100%; - font-size: 12px; - color: #c2c2c2; - text-align: center; - background: rgba(0,0,0,0.55); - border-radius: 0 0 5px 5px; + background: rgb(249 230 195) !important; + color: #e52424 !important; } } @@ -231,6 +175,7 @@ onMounted(() => { .container { max-width: 100vw; } + @media (min-width: 650px) { /*顶部内容区域*/ @@ -252,17 +197,17 @@ onMounted(() => { width: 100%; display: flex; justify-content: start; - /*justify-content: start;*/ margin-bottom: 20px; } .c_header a { - /*flex-basis: calc(14% - 16px);*/ + flex-basis: calc(14% - 16px); + white-space: nowrap; margin-right: 20px; color: #000; font-weight: 800; background: rgba(255, 255, 255, 0.94); - padding: 20px 40px; + padding: 1.35% 0; border-radius: 10px; position: relative; } @@ -295,144 +240,93 @@ onMounted(() => { border-radius: 50px; transform: scaleX(1); } + .active { - background: rgb(249 230 195)!important; - color: #e52424!important; + background: rgb(249 230 195) !important; + color: #e52424 !important; } - - - .c_content { - width: 100%; - display: flex; - flex-flow: wrap; - justify-content: start; - } - - .c_content .item { - flex-basis: calc(14% - 16px); - margin: 0 8px 20px 8px; - /*width: 100px;*/ - box-sizing: border-box; - overflow: hidden; - } - - .item a { - border-radius: 5px; - display: flex; - /*position: relative;*/ - padding-top: 125%; - background-size: cover; - width: 100%; - } - - .cus_tag { - text-align: center; - color: rgb(255, 255, 255); - padding: 0 3px; - margin: 0 0 10px 8px; - background: rgba(0, 0, 0, 0.55); - font-size: 12px; - border-radius: 5px; - } - - .content_text_tag { - font-size: 14px !important; - color: rgb(221, 221, 221); - width: 96%; - padding: 2px 10px 2px 2px !important; - text-align: left; - white-space: nowrap; - overflow: hidden; - text-overflow: ellipsis; - } - - .cus_remark { - display: block; - width: 100%; - padding-left: 3px; - font-size: 12px; - color: #999999; - text-align: left; - } - }