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,14 @@
|
||||
/* Aurora Admin Carousel 样式 — 轮播图,箭头切换 + 指示点,可选自动播放 */
|
||||
|
||||
.aa-carousel { position: relative; width: 100%; max-width: 480px; aspect-ratio: 16 / 9; overflow: hidden; border-radius: 8px;
|
||||
background: #F0F5FF; font-family: var(--font-family, -apple-system, "PingFang SC", "Microsoft YaHei", sans-serif); }
|
||||
.aa-carousel-track { display: flex; height: 100%; transition: transform .3s; }
|
||||
.aa-carousel-slide { min-width: 100%; height: 100%; display: flex; align-items: center; justify-content: center; color: #fff; font-size: 20px; font-weight: 500; }
|
||||
.aa-carousel-arrow { position: absolute; top: 50%; transform: translateY(-50%); width: 32px; height: 32px; border: none; border-radius: 50%;
|
||||
background: rgba(0,0,0,0.3); color: #fff; cursor: pointer; font-size: 16px; }
|
||||
.aa-carousel-arrow:hover { background: rgba(0,0,0,0.5); }
|
||||
.aa-carousel-arrow.prev { left: 8px; }
|
||||
.aa-carousel-arrow.next { right: 8px; }
|
||||
.aa-carousel-dots { position: absolute; bottom: 10px; left: 0; right: 0; display: flex; gap: 6px; justify-content: center; }
|
||||
.aa-carousel-dot { width: 8px; height: 8px; border-radius: 50%; background: rgba(255,255,255,0.6); cursor: pointer; transition: width .2s; }
|
||||
.aa-carousel-dot.is-active { background: #fff; width: 18px; border-radius: 4px; }
|
||||
Reference in New Issue
Block a user