From b8a9739e2279047052d69d712d0aa263536a7ae7 Mon Sep 17 00:00:00 2001 From: NCJOAQ <2627723488@qq.com> Date: Wed, 5 Nov 2025 22:39:37 +0800 Subject: [PATCH] =?UTF-8?q?=E6=A0=B9=E6=8D=AE=E6=B8=B2=E6=9F=93=E9=A1=BA?= =?UTF-8?q?=E5=BA=8F=E4=BF=AE=E6=AD=A3=E4=BB=A3=E7=A0=81=E9=80=BB=E8=BE=91?= =?UTF-8?q?=EF=BC=8C=E5=AE=9E=E7=8E=B0=E5=9F=BA=E6=9C=AC=E6=BB=9A=E5=8A=A8?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- index.html | 2 +- package.json | 1 + src/App.vue | 1 - src/components/son.vue | 18 ++ src/pages/home/components/MyFooter.vue | 4 + src/pages/home/components/MyHeader.vue | 15 +- src/pages/home/components/MyMain.vue | 47 +++++- src/pages/home/components/MyMostPopular.vue | 178 ++++++++++++-------- src/pages/home/components/MyMovieList.vue | 41 ++++- src/pages/home/components/MyNav.vue | 1 + src/pages/home/index.vue | 9 +- 11 files changed, 220 insertions(+), 97 deletions(-) create mode 100644 src/components/son.vue diff --git a/index.html b/index.html index 4f4697a..d16c3f7 100644 --- a/index.html +++ b/index.html @@ -9,7 +9,7 @@ -
+
diff --git a/package.json b/package.json index fa2bb60..72c0dec 100644 --- a/package.json +++ b/package.json @@ -13,6 +13,7 @@ }, "dependencies": { "amfe-flexible": "^2.2.1", + "better-scroll": "^2.5.1", "postcss-pxtorem": "^6.1.0", "vue": "^3.5.22" }, diff --git a/src/App.vue b/src/App.vue index 6d0922c..8a30c95 100644 --- a/src/App.vue +++ b/src/App.vue @@ -10,6 +10,5 @@ export default { - diff --git a/src/components/son.vue b/src/components/son.vue new file mode 100644 index 0000000..1b0a4e2 --- /dev/null +++ b/src/components/son.vue @@ -0,0 +1,18 @@ + + + \ No newline at end of file diff --git a/src/pages/home/components/MyFooter.vue b/src/pages/home/components/MyFooter.vue index 00a50f0..5990350 100644 --- a/src/pages/home/components/MyFooter.vue +++ b/src/pages/home/components/MyFooter.vue @@ -34,6 +34,10 @@ export default { \ No newline at end of file diff --git a/src/pages/home/components/MyMostPopular.vue b/src/pages/home/components/MyMostPopular.vue index 8f5b95a..b6645c0 100644 --- a/src/pages/home/components/MyMostPopular.vue +++ b/src/pages/home/components/MyMostPopular.vue @@ -1,30 +1,36 @@ @@ -47,81 +75,87 @@ export default { padding: 12px 15px; margin-bottom: 10px; background-color: white !important; + width: 376px; + overflow: hidden; >.title { font-size: @sfont; color: #333; margin-bottom: 12px; - } - >ul { - display: flex; - flex-wrap: nowrap; - overflow: auto; + .wrap { + overflow: hidden; + display: block; + >ul { + display: inline-flex; + flex-wrap: nowrap; + padding-right: 3px; - &::-webkit-scrollbar { - display: none; - } + &::-webkit-scrollbar { + display: none; + } - >li { - width: 85px; - min-height: 143px; - margin-right: 10px; - flex-shrink: 0; + >li { + width: 85px; + min-height: 143px; + margin-right: 10px; + flex-shrink: 0; - >a { - width: 100%; - height: 100%; - display: flex; - flex-direction: column; - justify-content: space-between; - - >.img { + >a { width: 100%; - height: 115px; - position: relative; + height: 100%; + display: flex; + flex-direction: column; + justify-content: space-between; - >img { + >.img { width: 100%; - height: 100%; - } + height: 115px; + position: relative; - .ps { - position: absolute; - bottom: 0; - left: 0; - } - - >.mark { - .ps(); - width: 100%; - height: 35px; - background-image: linear-gradient(-180deg, rgba(77, 77, 77, 0), #000); - - >.score { - .ps(); - font-size: 11px; - color: #faaf00; - font-weight: 600; - margin: 5px; + >img { + width: 100%; + height: 100%; } + + .ps { + position: absolute; + bottom: 0; + left: 0; + } + + >.mark { + .ps(); + width: 100%; + height: 35px; + background-image: linear-gradient(-180deg, rgba(77, 77, 77, 0), #000); + + >.score { + .ps(); + font-size: 11px; + color: #faaf00; + font-weight: 600; + margin: 5px; + } + } + } - } - - >h5 { - font-size: @ssfont; - color: #222; - margin-bottom: 2px; - font-weight: 600; - text-overflow: ellipsis; - overflow: hidden; - white-space: nowrap; + >h5 { + font-size: @ssfont; + color: #222; + margin-bottom: 2px; + font-weight: 600; + text-overflow: ellipsis; + overflow: hidden; + white-space: nowrap; + } } } } } + } \ No newline at end of file diff --git a/src/pages/home/components/MyMovieList.vue b/src/pages/home/components/MyMovieList.vue index 2ef64f9..8d0f237 100644 --- a/src/pages/home/components/MyMovieList.vue +++ b/src/pages/home/components/MyMovieList.vue @@ -13,25 +13,48 @@

主演：{{ movie.star }}

{{ movie.showInfo }}

-
{{ movie.showStateButton.content }}
-