eric/gitlab-instance-0a899031_cloudphone
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

'优化电子书样式PC+mobile'

Browse Source
This commit is contained in:
eric
2025-12-09 01:37:34 +08:00
parent 66d33c6703
commit d0ce5231d6
2 changed files with 21 additions and 7 deletions
Download Patch File Download Diff File Expand all files Collapse all files

27
src/pages/book/index.scss
View File

@@ -69,10 +69,16 @@
// color: #72d572; // color: #72d572;
} }
// img {
// max-width: 100%;
// height: auto;
// /* 保持图像的纵横比 */
// }
img { img {
max-width: 100%; /* 如果需要让 img 当 flex item 居中，不需要额外样式 */
height: auto; display: block;
/* 保持图像的纵横比 */ margin: 0 auto;
} }
.at-drawer__content { .at-drawer__content {
@@ -101,7 +107,6 @@
flex-direction: column; flex-direction: column;
align-items: center; align-items: center;
justify-content: center; justify-content: center;
// background-color: yellow; // background-color: yellow;
.book_left { .book_left {
width: 400px; width: 400px;
@@ -110,9 +115,12 @@
} }
.markdown-body { .markdown-body {
width: 100%; // width: 100%;
max-width: 1400px; width: 700px;
font-size: 22px; // max-width: 1400px;
// font-size: 22px;
font-size: 18px;
// color: red; // color: red;
// background-color: #72d572; // background-color: #72d572;
} }
@@ -132,4 +140,9 @@
// background-color: yellow; // background-color: yellow;
} }
} }
.Book img {
/* 如果需要让 img 当 flex item 居中，不需要额外样式 */
display: block;
margin: 0 auto;
}
} }

1
src/pages/index/index.scss
View File

@@ -192,6 +192,7 @@
align-items: center; align-items: center;
justify-content: center; justify-content: center;
// background-color: aqua; // background-color: aqua;
// color: red;
position: relative; position: relative;
.index-book { .index-book {