update
This commit is contained in:
@ -31,7 +31,7 @@ if (!data || code !== 0) {
|
||||
<main class="news-main">
|
||||
<div class="news-container">
|
||||
<header>
|
||||
<h1 class="title" title="标题">{data.title}</h1>
|
||||
<h1 class="title" title={data.title}>{data.title}</h1>
|
||||
</header>
|
||||
<article class="news-detail-content">
|
||||
<div class="top-icon"></div>
|
||||
@ -79,21 +79,20 @@ if (!data || code !== 0) {
|
||||
</main>
|
||||
</Layout>
|
||||
<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 {
|
||||
max-width: 100%;
|
||||
height: auto;
|
||||
}
|
||||
|
||||
article h3 {
|
||||
text-indent: unset !important;
|
||||
article h1, .h1, h2, .h2, h3, .h3, p {
|
||||
font-family: 'Microsoft Yahei",Helvetica,Arial,sans-serif'; /* 常见的、现代的无衬线字体,增加可读性 */
|
||||
text-indent: unset !important;
|
||||
margin-top: 0.5rem;
|
||||
margin-bottom: unset;
|
||||
}
|
||||
br {
|
||||
display: none;
|
||||
}
|
||||
</style>
|
||||
<style>
|
||||
|
Reference in New Issue
Block a user