update
This commit is contained in:
@ -31,7 +31,7 @@ if (!data || code !== 0) {
|
|||||||
<main class="news-main">
|
<main class="news-main">
|
||||||
<div class="news-container">
|
<div class="news-container">
|
||||||
<header>
|
<header>
|
||||||
<h1 class="title" title="标题">{data.title}</h1>
|
<h1 class="title" title={data.title}>{data.title}</h1>
|
||||||
</header>
|
</header>
|
||||||
<article class="news-detail-content">
|
<article class="news-detail-content">
|
||||||
<div class="top-icon"></div>
|
<div class="top-icon"></div>
|
||||||
@ -79,21 +79,20 @@ if (!data || code !== 0) {
|
|||||||
</main>
|
</main>
|
||||||
</Layout>
|
</Layout>
|
||||||
<style is:inline>
|
<style is:inline>
|
||||||
article p {
|
|
||||||
margin: 1em 0; /* 每段之间留有适当的间距 */
|
|
||||||
color: #333; /* 深灰色,比黑色更柔和,减少眼睛疲劳 */
|
|
||||||
font-size: 18px; /* 合适的字体大小,适合大部分屏幕 */
|
|
||||||
line-height: 1.6; /* 行间距为字体的1.6倍,有助于行间的呼吸感 */
|
|
||||||
letter-spacing: 0.5px; /* 字间距适当加宽,增加可读性 */
|
|
||||||
font-family: 'Microsoft Yahei",Helvetica,Arial,sans-serif'; /* 常见的、现代的无衬线字体,增加可读性 */
|
|
||||||
}
|
|
||||||
.news-content img {
|
.news-content img {
|
||||||
max-width: 100%;
|
max-width: 100%;
|
||||||
height: auto;
|
height: auto;
|
||||||
}
|
}
|
||||||
|
|
||||||
article h3 {
|
article h1, .h1, h2, .h2, h3, .h3, p {
|
||||||
text-indent: unset !important;
|
font-family: 'Microsoft Yahei",Helvetica,Arial,sans-serif'; /* 常见的、现代的无衬线字体,增加可读性 */
|
||||||
|
text-indent: unset !important;
|
||||||
|
margin-top: 0.5rem;
|
||||||
|
margin-bottom: unset;
|
||||||
|
}
|
||||||
|
br {
|
||||||
|
display: none;
|
||||||
}
|
}
|
||||||
</style>
|
</style>
|
||||||
<style>
|
<style>
|
||||||
|
Reference in New Issue
Block a user