From cdd93d2c42f1ae5fbcbc926aafd664ab5a9028dd Mon Sep 17 00:00:00 2001 From: mubai <1609539827@qq.com> Date: Sun, 24 Nov 2024 18:05:29 +0800 Subject: [PATCH] developing --- client/components.d.ts | 1 + client/index.html | 2 +- client/src/assets/css/film.css | 46 ++++++++++++++- client/src/components/index/Footer.vue | 79 ++++++++++++++++++++++---- client/src/components/index/Header.vue | 13 +---- client/src/router/router.ts | 2 + client/src/views/IndexHome.vue | 4 ++ client/src/views/index/FilmDetails.vue | 4 +- client/src/views/index/FilmHistory.vue | 57 +++++++++++++++++++ client/src/views/index/Play.vue | 17 +++++- 10 files changed, 199 insertions(+), 26 deletions(-) create mode 100644 client/src/views/index/FilmHistory.vue diff --git a/client/components.d.ts b/client/components.d.ts index 0681cee..909f164 100644 --- a/client/components.d.ts +++ b/client/components.d.ts @@ -55,6 +55,7 @@ declare module '@vue/runtime-core' { FilmList: typeof import('./src/components/index/FilmList.vue')['default'] Footer: typeof import('./src/components/index/Footer.vue')['default'] Header: typeof import('./src/components/index/Header.vue')['default'] + History: typeof import('./src/components/index/History.vue')['default'] ImageViewer: typeof import('./src/components/Global/ImageViewer.vue')['default'] Loading: typeof import('./src/components/Loading/Loading.vue')['default'] ManageHeader: typeof import('./src/components/Manage/ManageHeader.vue')['default'] diff --git a/client/index.html b/client/index.html index 7073da8..fb1a95a 100644 --- a/client/index.html +++ b/client/index.html @@ -10,7 +10,7 @@ (╥﹏╥) - +
diff --git a/client/src/assets/css/film.css b/client/src/assets/css/film.css index a109f75..501fc1d 100644 --- a/client/src/assets/css/film.css +++ b/client/src/assets/css/film.css @@ -96,7 +96,7 @@ flex-wrap: wrap; } .play-link{ - padding: 3px; + padding: 6px 3px 0 3px; border: 1px solid rgba(255,255,255,0.28); border-radius: 8px; margin: 5px; @@ -113,3 +113,47 @@ background: #b36d3824; } + + + /*film item loading style */ + .loading-wave { + height: 8px; + display: flex; + justify-content: center; + align-items: flex-end; + } + +.loading-bar { + width: 3px; + margin: 0 1px; + background-color: #FFB22C; + border-radius: 2px 2px 0 0; + animation: loading-wave-animation 1s ease-in-out infinite; +} + +.loading-bar:nth-child(2) { + animation-delay: 0.1s; +} + +.loading-bar:nth-child(3) { + animation-delay: 0.2s; +} + +.loading-bar:nth-child(4) { + animation-delay: 0.3s; +} + +@keyframes loading-wave-animation { + 0% { + height: 3px; + } + + 50% { + height: 10px; + } + + 100% { + height: 3px; + } +} + diff --git a/client/src/components/index/Footer.vue b/client/src/components/index/Footer.vue index d98f82d..82b5aaa 100644 --- a/client/src/components/index/Footer.vue +++ b/client/src/components/index/Footer.vue @@ -1,23 +1,82 @@ \ No newline at end of file diff --git a/client/src/components/index/Header.vue b/client/src/components/index/Header.vue index 86b15f2..9ccd4e7 100644 --- a/client/src/components/index/Header.vue +++ b/client/src/components/index/Header.vue @@ -49,20 +49,14 @@ - -
- - - - -
+ + + \ No newline at end of file diff --git a/client/src/views/index/Play.vue b/client/src/views/index/Play.vue index c9c88af..25bcb63 100644 --- a/client/src/views/index/Play.vue +++ b/client/src/views/index/Play.vue @@ -49,7 +49,15 @@
{{ v.episode }} + href="javascript:;" @click="playChange({sourceId: item.id, episodeIndex: i, target: this})">{{ v.episode }} +
+
+
+
+
+
+
+
@@ -538,4 +546,9 @@ onBeforeMount(() => { background: rgb(0, 0, 0, 0.2); } } - \ No newline at end of file + + + + + +