Ma/GoFilm
1
0
Fork 0
mirror of https://github.com/ProudMuBai/GoFilm.git synced 2026-04-27 12:57:32 +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 {
width: 100%;
aspect-ratio: 3/4.1;
padding: 0;
background: #f5f5f5;
position: relative;
@@ -282,6 +281,7 @@ watchEffect(() => {
.c_content .item {
/* flex-basis: calc(33% - 7px);
max-width: 33%;*/
aspect-ratio: 3/4;
position: relative;
margin: 0 4px 20px 4px;
box-sizing: border-box;
@@ -411,6 +411,7 @@ watchEffect(() => {
}
.card {
aspect-ratio: 3/4.1;
border-radius: 0.5em;
}

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

@@ -204,7 +204,7 @@ a {
}
.content_right_item {
display: flex;
margin-bottom: 5px;
padding-left: 10px;
border-bottom: 1px solid var(--border-color-highlight);
}
@@ -212,7 +212,7 @@ a {
.content_right_item > a {
padding: 10px 15px 10px 0;
color: hsla(0, 0%, 100%, .87);
display: block;
display: flex;
flex-grow: 1;
text-align: left;
overflow: hidden;
@@ -223,7 +223,7 @@ a {
.hot_title {
text-align: left;
margin: 8px 0;
margin: 16px 0;
color: #FFBB64;
}
@@ -238,8 +238,8 @@ a {
.content_right_item span{
font-size: 14px;
font-weight: bold;
display: inline-block;
max-width: 80%;
max-width: 75%;
padding-top: 2px;
transition: transform 0.3s ease;
line-height: 100%;
}
@@ -253,6 +253,7 @@ a {
<!--移动端修改-->
<style scoped>
/*pc*/
@media (min-width: 768px) {
.cus_content_item {
padding: 10px;
@@ -261,6 +262,7 @@ a {
}
}
/*wrap*/
@media (max-width: 768px) {
.cus_content_item {
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"/>
<title>(╥﹏╥)</title>
<link rel="stylesheet" href="//at.alicdn.com/t/c/font_3992367_d9xdu8zk04f.css">
<script type="module" crossorigin src="/assets/index-D1fJmyuY.js"></script>
<link rel="stylesheet" crossorigin href="/assets/index-BCLH_rTM.css">
<script type="module" crossorigin src="/assets/index-DtI_fGXi.js"></script>
<link rel="stylesheet" crossorigin href="/assets/index-SMpFt5Co.css">
</head>
<body>
<div id="app"></div>