feat: 样式调整
This commit is contained in:
@@ -17,7 +17,7 @@
|
|||||||
/* 不让子项拉伸,按内容宽度排列 */
|
/* 不让子项拉伸,按内容宽度排列 */
|
||||||
padding: 0 12px;
|
padding: 0 12px;
|
||||||
/* 增加横向间距,便于触控 */
|
/* 增加横向间距,便于触控 */
|
||||||
min-width: 56px;
|
min-width: 64px;
|
||||||
/* 保证可点击区域 */
|
/* 保证可点击区域 */
|
||||||
}
|
}
|
||||||
|
|
||||||
@@ -42,9 +42,9 @@
|
|||||||
&::before {
|
&::before {
|
||||||
content: "";
|
content: "";
|
||||||
position: absolute;
|
position: absolute;
|
||||||
left: 0;
|
left: 4px;
|
||||||
top: 0;
|
top: 0;
|
||||||
right: 0;
|
right: 4px;
|
||||||
bottom: 0;
|
bottom: 0;
|
||||||
background-color: #fff;
|
background-color: #fff;
|
||||||
border-radius: 20px 20px 0 0;
|
border-radius: 20px 20px 0 0;
|
||||||
@@ -76,9 +76,9 @@
|
|||||||
left: 50%;
|
left: 50%;
|
||||||
transform: translateX(-50%) scaleX(0.9);
|
transform: translateX(-50%) scaleX(0.9);
|
||||||
height: 3px;
|
height: 3px;
|
||||||
width: 20px;
|
width: 24px;
|
||||||
background-color: $theme-color-500;
|
background-color: $theme-color-500;
|
||||||
border-radius: 4px 4px 0 0;
|
border-radius: 3px 3px 0 0;
|
||||||
opacity: 0;
|
opacity: 0;
|
||||||
transition: opacity 0.2s ease, transform 0.2s ease;
|
transition: opacity 0.2s ease, transform 0.2s ease;
|
||||||
z-index: 3;
|
z-index: 3;
|
||||||
|
|||||||
Reference in New Issue
Block a user