19 lines
1.1 KiB
CSS
19 lines
1.1 KiB
CSS
/* Aurora Admin BackToTop 样式 — 对齐 组件7.txt BackToTop：滚动超阈值出现，右下角悬浮，带进度环 */
|
|
|
|
.aa-backtop {
|
|
position: fixed; right: 32px; bottom: 32px; width: 44px; height: 44px;
|
|
border-radius: 50%; background: #fff; border: 1px solid #E8ECF1;
|
|
box-shadow: 0 4px 12px rgba(0,0,0,0.12); cursor: pointer;
|
|
display: flex; align-items: center; justify-content: center; z-index: 1000;
|
|
opacity: 0; transform: translateY(12px); pointer-events: none;
|
|
transition: opacity .2s, transform .2s, background .15s;
|
|
}
|
|
.aa-backtop.is-visible { opacity: 1; transform: translateY(0); pointer-events: auto; }
|
|
.aa-backtop:hover { background: #F0F5FF; }
|
|
.aa-backtop svg { position: absolute; top: 0; left: 0; width: 44px; height: 44px; transform: rotate(-90deg); }
|
|
.aa-backtop-ring-bg { stroke: #E8ECF1; }
|
|
.aa-backtop-ring-fg { stroke: #2F54EB; transition: stroke-dashoffset .1s linear; }
|
|
.aa-backtop-arrow { color: #2F54EB; font-size: 18px; line-height: 1; z-index: 1; }
|
|
.aa-backtop.aa-no-ring .aa-backtop-ring-fg,
|
|
.aa-backtop.aa-no-ring .aa-backtop-ring-bg { display: none; }
|