Ma/GoFilm
1
0
Fork 0
mirror of https://github.com/ProudMuBai/GoFilm.git synced 2026-05-08 12:47:29 +08:00
Code Issues Packages Projects Releases Wiki Activity

index page style fix

Browse Source
This commit is contained in:
mubai
2026-04-18 11:50:11 +08:00
parent 72f6f4e9d1
commit f539091ea8
9 changed files with 13 additions and 10 deletions
Download Patch File Download Diff File Expand all files Collapse all files

BIN
client/src/assets/image/play.png
View File

Binary file not shown.
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 2.1 MiB

After

Width:  |  Height:  |  Size: 531 KiB

3
client/src/components/index/FilmList.vue
View File

@@ -146,7 +146,6 @@ watchEffect(() => {
.card { .card {
width: 100%; width: 100%;
aspect-ratio: 3/4.1;
padding: 0; padding: 0;
background: #f5f5f5; background: #f5f5f5;
position: relative; position: relative;
@@ -282,6 +281,7 @@ watchEffect(() => {
.c_content .item { .c_content .item {
/* flex-basis: calc(33% - 7px); /* flex-basis: calc(33% - 7px);
max-width: 33%;*/ max-width: 33%;*/
aspect-ratio: 3/4;
position: relative; position: relative;
margin: 0 4px 20px 4px; margin: 0 4px 20px 4px;
box-sizing: border-box; box-sizing: border-box;
@@ -411,6 +411,7 @@ watchEffect(() => {
} }
.card { .card {
aspect-ratio: 3/4.1;
border-radius: 0.5em; border-radius: 0.5em;
} }

12
client/src/views/index/Home.vue
View File

@@ -204,7 +204,7 @@ a {
} }
.content_right_item { .content_right_item {
display: flex; margin-bottom: 5px;
padding-left: 10px; padding-left: 10px;
border-bottom: 1px solid var(--border-color-highlight); border-bottom: 1px solid var(--border-color-highlight);
} }
@@ -212,7 +212,7 @@ a {
.content_right_item > a { .content_right_item > a {
padding: 10px 15px 10px 0; padding: 10px 15px 10px 0;
color: hsla(0, 0%, 100%, .87); color: hsla(0, 0%, 100%, .87);
display: block; display: flex;
flex-grow: 1; flex-grow: 1;
text-align: left; text-align: left;
overflow: hidden; overflow: hidden;
@@ -223,7 +223,7 @@ a {
.hot_title { .hot_title {
text-align: left; text-align: left;
margin: 8px 0; margin: 16px 0;
color: #FFBB64; color: #FFBB64;
} }
@@ -238,8 +238,8 @@ a {
.content_right_item span{ .content_right_item span{
font-size: 14px; font-size: 14px;
font-weight: bold; font-weight: bold;
display: inline-block; max-width: 75%;
max-width: 80%; padding-top: 2px;
transition: transform 0.3s ease; transition: transform 0.3s ease;
line-height: 100%; line-height: 100%;
} }
@@ -253,6 +253,7 @@ a {
<!--移动端修改--> <!--移动端修改-->
<style scoped> <style scoped>
/*pc*/
@media (min-width: 768px) { @media (min-width: 768px) {
.cus_content_item { .cus_content_item {
padding: 10px; padding: 10px;
@@ -261,6 +262,7 @@ a {
} }
} }
/*wrap*/
@media (max-width: 768px) { @media (max-width: 768px) {
.cus_content_item { .cus_content_item {
padding: 0 6px 0 0; padding: 0 6px 0 0;

1
film/data/nginx/html/assets/index-BCLH_rTM.css
View File

File diff suppressed because one or more lines are too long

2
film/data/nginx/html/assets/index-D1fJmyuY.js → film/data/nginx/html/assets/index-DtI_fGXi.js
View File

File diff suppressed because one or more lines are too long

1
film/data/nginx/html/assets/index-SMpFt5Co.css Normal file
View File

File diff suppressed because one or more lines are too long

BIN
film/data/nginx/html/assets/play-Btb5ayNF.png
View File

Binary file not shown.
Side by Side

Before

Width:  |  Height:  |  Size: 2.1 MiB

BIN
film/data/nginx/html/assets/play-D0YwKogF.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 531 KiB

4
film/data/nginx/html/index.html
View File

@@ -11,8 +11,8 @@
<meta charset="UTF-8"/> <meta charset="UTF-8"/>
<title>(╥﹏╥)</title> <title>(╥﹏╥)</title>
<link rel="stylesheet" href="//at.alicdn.com/t/c/font_3992367_d9xdu8zk04f.css"> <link rel="stylesheet" href="//at.alicdn.com/t/c/font_3992367_d9xdu8zk04f.css">
<script type="module" crossorigin src="/assets/index-D1fJmyuY.js"></script> <script type="module" crossorigin src="/assets/index-DtI_fGXi.js"></script>
<link rel="stylesheet" crossorigin href="/assets/index-BCLH_rTM.css"> <link rel="stylesheet" crossorigin href="/assets/index-SMpFt5Co.css">
</head> </head>
<body> <body>
<div id="app"></div> <div id="app"></div>