qimaohong
/
hcdbqbVue
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity
Browse Source

修改样式

master
zhaoruhui 3 months ago
parent
891353ce0b
commit
0716431c86
1 changed files with 169 additions and 77 deletions
Whitespace
Show all changes Ignore whitespace when comparing lines Ignore changes in amount of whitespace Ignore changes in whitespace at EOL
Split View
Diff Options
Show Stats Download Patch File Download Diff File
  1. 242
      index.html

242
index.html
View File

@ -770,142 +770,236 @@
</script>
<style>
/* 全局字体大小调整 - 整体放大 */
/* 全局字体大小调整 - 整体调小 */
html {
font-size: 18px;
font-size: 16px;
scroll-behavior: smooth;
}
/* 文本样式类 */
.body-text {
font-size: 1.1rem;
line-height: 1.7;
.page-body {
font-size: 1rem;
line-height: 1.6;
}
.heading-primary {
font-size: clamp(2.8rem, 6vw, 4.5rem);
.text-heading-primary {
font-size: clamp(2.2rem, 5vw, 3.5rem);
line-height: 1.2;
}
.heading-secondary {
font-size: clamp(1.6rem, 3vw, 2.5rem);
.text-heading-secondary {
font-size: clamp(1.4rem, 2.5vw, 2.2rem);
line-height: 1.3;
}
.heading-tertiary {
font-size: clamp(1.7rem, 3vw, 2.5rem);
.text-heading-tertiary {
font-size: clamp(1.3rem, 2.5vw, 2rem);
line-height: 1.4;
}
.paragraph-text {
font-size: 1.1rem;
line-height: 1.7;
.text-paragraph {
font-size: 1rem;
line-height: 1.6;
}
.list-item {
font-size: 1.1rem;
.text-list-item {
font-size: 1rem;
}
.breadcrumb-text {
font-size: 1.125rem;
padding-top: 0.5rem;
padding-bottom: 0.5rem;
.text-breadcrumb {
font-size: 0.9rem;
padding-top: 0.4rem;
padding-bottom: 0.4rem;
}
.form-label {
font-size: 1.15rem;
margin-bottom: 0.75rem;
.form-label-text {
font-size: 1rem;
margin-bottom: 0.5rem;
}
.form-input {
font-size: 1.15rem;
padding-top: 1rem;
padding-bottom: 1rem;
.form-input-field {
font-size: 1rem;
padding-top: 0.75rem;
padding-bottom: 0.75rem;
}
.form-input::placeholder {
font-size: 1.1rem;
.form-input-field::placeholder {
font-size: 0.95rem;
}
/* 导航菜单字体调大 */
.nav-link {
font-size: 1.2rem;
/* 导航菜单字体调小 */
.nav-link-text {
font-size: 1rem;
}
/* 按钮文字调大 */
.button-large {
font-size: 1.2rem;
padding-top: 1rem;
padding-bottom: 1rem;
/* 按钮文字调小 */
.button-large-text {
font-size: 1rem;
padding-top: 0.75rem;
padding-bottom: 0.75rem;
}
/* 特色功能卡片文字调大 */
.feature-card>.heading-tertiary {
font-size: 1.6rem;
margin-bottom: 1rem;
}
.feature-card>.paragraph-text {
font-size: 1.15rem;
line-height: 1.6;
/* 特色功能卡片文字调小 */
.feature-card-title {
font-size: 1.3rem;
margin-bottom: 0.75rem;
}
/* 产品宣传区域文字调大 */
.promo-section>.paragraph-text {
font-size: 1.15rem;
line-height: 1.7;
.feature-card-description {
font-size: 0.95rem;
line-height: 1.5;
}
.promo-section>ul>.list-item {
font-size: 1.15rem;
/* 产品宣传区域文字调小 */
.promo-section-paragraph {
font-size: 1rem;
line-height: 1.6;
}
.promo-section>.breadcrumb-text {
font-size: 1.125rem;
.promo-section-list-item {
font-size: 1rem;
}
/* 修复注册区域标题行距 */
#register>.heading-secondary {
margin-bottom: 1.5rem;
line-height: 1.4;
.promo-section-breadcrumb {
font-size: 0.9rem;
}
/* 页脚文字调大 */
/* 页脚文字调小 */
.footer-text {
font-size: 1.1rem;
font-size: 0.95rem;
}
.footer-heading {
font-size: 1.5rem;
font-size: 1.3rem;
}
/* 成功模态框文字调大 */
/* 成功模态框文字调小 */
.modal-heading {
font-size: 1.8rem;
font-size: 1.5rem;
}
.modal-text {
font-size: 1.15rem;
font-size: 1rem;
}
.modal-button {
font-size: 1.15rem;
font-size: 1rem;
}
/* 宣传模块高度自适应 - 消除空白 */
.promotion-module {
display: flex;
flex-direction: column;
height: auto;
}
.promotion-module-image {
display: flex;
flex-direction: column;
}
.promotion-module-content {
flex: 1;
display: flex;
flex-direction: column;
justify-content: center;
padding-bottom: 2rem;
}
.promotion-module-wrapper {
flex: 1;
display: flex;
flex-direction: column;
justify-content: space-between;
gap: 1.5rem;
}
.promotion-module-breadcrumb {
margin-bottom: 0.75rem;
}
.promotion-module-title {
margin-bottom: 1rem;
}
.promotion-module-description {
margin-bottom: 1rem;
}
.promotion-module-list {
gap: 0.75rem;
margin-bottom: 1.5rem;
}
.promotion-module-action {
margin-top: auto;
align-self: flex-start;
}
/* 特色功能卡片高度调整 */
.feature-card {
height: 100%;
display: flex;
flex-direction: column;
}
.feature-card-icon {
margin-bottom: 1rem;
}
.feature-card-title {
margin-bottom: 0.75rem;
}
/* 注册表单区域调整 */
.register-section-title {
margin-bottom: 1rem;
line-height: 1.3;
}
.register-section-description {
margin-bottom: 1.5rem;
}
.register-section-features {
gap: 1rem;
}
/* 页脚区域调整 */
.footer-logo {
margin-bottom: 1rem;
}
.footer-description {
margin-bottom: 1rem;
}
.footer-heading {
margin-bottom: 1rem;
}
/* 小屏幕适配 */
.footer-list {
gap: 0.5rem;
}
/* 移动端适配 */
@media (max-width: 768px) {
html {
font-size: 16px;
font-size: 14px;
}
.body-text {
font-size: 1.05rem;
.page-body {
font-size: 0.95rem;
}
.mobile-menu>.nav-link {
font-size: 1.1rem;
padding-top: 0.8rem;
padding-bottom: 0.8rem;
.mobile-nav-link {
font-size: 0.95rem;
padding-top: 0.6rem;
padding-bottom: 0.6rem;
}
.promotion-module-content {
padding-bottom: 1.5rem;
}
}
@ -915,7 +1009,6 @@
opacity: 0;
transform: translateY(20px);
}
to {
opacity: 1;
transform: translateY(0);
@ -926,7 +1019,6 @@
0% {
transform: rotate(0);
}
100% {
transform: rotate(360deg);
}

Write Preview
Loading…
Cancel
Save