style(biji-qianduan): 优化移动端悬浮操作按钮样式- 添加移动端悬浮操作按钮(FAB)的样式
-调整按钮位置、大小和阴影效果 - 添加悬停放大效果 - 调整图标大小
This commit is contained in:
@@ -121,3 +121,23 @@
|
|||||||
.trash-cards {
|
.trash-cards {
|
||||||
display: none;
|
display: none;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
/* 优化移动端悬浮操作按钮 (FAB) */
|
||||||
|
.fab {
|
||||||
|
position: fixed !important;
|
||||||
|
right: 25px !important;
|
||||||
|
bottom: 90px !important; /* 调整位置以避开主题切换按钮 */
|
||||||
|
z-index: 1050 !important;
|
||||||
|
width: 56px !important;
|
||||||
|
height: 56px !important;
|
||||||
|
box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15) !important;
|
||||||
|
transition: transform 0.2s ease-in-out !important;
|
||||||
|
}
|
||||||
|
|
||||||
|
.fab:hover {
|
||||||
|
transform: scale(1.05); /* 添加轻微的悬停放大效果 */
|
||||||
|
}
|
||||||
|
|
||||||
|
.fab .el-icon {
|
||||||
|
font-size: 24px; /* 调整图标大小 */
|
||||||
|
}
|
||||||
Reference in New Issue
Block a user