Aurora Admin v1.2.0: 79 components x 5 ends, doc site, contracts batch 1, playground, regression, deploy ready
This commit is contained in:
@@ -0,0 +1,18 @@
|
||||
/* 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; }
|
||||
Reference in New Issue
Block a user