1
This commit is contained in:
@@ -76,9 +76,9 @@
|
||||
}
|
||||
|
||||
li {
|
||||
margin: 15px 0;
|
||||
border-bottom: 1px solid #e2e8f0;
|
||||
padding-bottom: 15px;
|
||||
margin: 12px 0;
|
||||
border-bottom: none;
|
||||
padding-bottom: 0;
|
||||
}
|
||||
|
||||
a {
|
||||
@@ -97,12 +97,11 @@
|
||||
|
||||
.subMenu {
|
||||
margin-left: 20px;
|
||||
margin-top: 10px;
|
||||
margin-top: 6px;
|
||||
|
||||
li {
|
||||
border-bottom: none;
|
||||
margin: 10px 0;
|
||||
padding-bottom: 5px;
|
||||
margin: 2px 0;
|
||||
padding-bottom: 0;
|
||||
|
||||
a {
|
||||
font-size: 16px;
|
||||
@@ -241,7 +240,6 @@
|
||||
.button {
|
||||
padding: 12px 24px;
|
||||
font-size: 16px;
|
||||
min-height: 44px; // 触摸友好尺寸
|
||||
|
||||
&.btn-large {
|
||||
padding: 15px 30px;
|
||||
@@ -272,7 +270,6 @@
|
||||
font-size: 16px; // 防止iOS缩放
|
||||
border: 1px solid #ddd;
|
||||
border-radius: 4px;
|
||||
min-height: 44px; // 触摸友好尺寸
|
||||
|
||||
&:focus {
|
||||
outline: none;
|
||||
@@ -514,15 +511,18 @@
|
||||
}
|
||||
}
|
||||
|
||||
// 触摸设备优化菜单项
|
||||
.menuContent {
|
||||
li {
|
||||
a {
|
||||
padding: 15px 0; // 增加触摸区域
|
||||
min-height: 44px; // 触摸友好尺寸
|
||||
display: flex;
|
||||
align-items: center;
|
||||
}
|
||||
// 触摸设备:仅一级菜单链接保持 44px;子菜单单独收紧,避免子项也被撑高
|
||||
.headerMobileMenu .menuContent {
|
||||
> ul > li > a {
|
||||
padding: 15px 0;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
}
|
||||
|
||||
.subMenu li a {
|
||||
padding: 6px 0;
|
||||
min-height: auto;
|
||||
display: block;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
Reference in New Issue
Block a user