mirror of
https://gitee.com/vant-contrib/vant.git
synced 2026-07-13 01:11:07 +08:00
47 lines
1.1 KiB
Plaintext
47 lines
1.1 KiB
Plaintext
:root,
|
|
:host {
|
|
--van-back-top-size: 40px;
|
|
--van-back-top-right: 30px;
|
|
--van-back-top-bottom: 40px;
|
|
--van-back-top-z-index: 100;
|
|
--van-back-top-icon-size: 20px;
|
|
--van-back-top-text-color: #fff;
|
|
--van-back-top-background: var(--van-blue);
|
|
}
|
|
|
|
.van-back-top {
|
|
position: fixed;
|
|
display: flex;
|
|
align-items: center;
|
|
justify-content: center;
|
|
width: var(--van-back-top-size);
|
|
height: var(--van-back-top-size);
|
|
right: var(--van-back-top-right);
|
|
bottom: var(--van-back-top-bottom);
|
|
z-index: var(--van-back-top-z-index);
|
|
cursor: pointer;
|
|
color: var(--van-back-top-text-color);
|
|
border-radius: var(--van-radius-max);
|
|
box-shadow: 0 2px 8px 0px rgba(0, 0, 0, 0.12);
|
|
transform: scale(0);
|
|
transition: var(--van-duration-base) cubic-bezier(0.25, 0.8, 0.5, 1);
|
|
background-color: var(--van-back-top-background);
|
|
|
|
&:active {
|
|
opacity: var(--van-active-opacity);
|
|
}
|
|
|
|
&__placeholder {
|
|
display: none;
|
|
}
|
|
|
|
&--active {
|
|
transform: scale(1);
|
|
}
|
|
|
|
&__icon {
|
|
font-size: var(--van-back-top-icon-size);
|
|
font-weight: var(--van-font-bold);
|
|
}
|
|
}
|