提交 a6f465dd authored 作者: lidongxu's avatar lidongxu

refactor(backtoup): 调整:返回顶部按钮颜色和大小修改

上级 42a597b4
...@@ -19,13 +19,13 @@ const { x, y } = useWindowScroll({ ...@@ -19,13 +19,13 @@ const { x, y } = useWindowScroll({
lang="scss"> lang="scss">
.back-to-top { .back-to-top {
position: fixed; position: fixed;
bottom: 50px; bottom: 80px;
right: 24px; right: 24px;
z-index: 999; z-index: 999;
width: 46px; width: 46px;
height: 46px; height: 46px;
border-radius: 50%; border-radius: 50%;
background-color: var(--el-bg-color-overlay); background-color: var(--main-color);
box-shadow: 0 0 10px rgba(0, 0, 0, 0.1); box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
cursor: pointer; cursor: pointer;
transition: all 0.5s; transition: all 0.5s;
...@@ -35,8 +35,9 @@ const { x, y } = useWindowScroll({ ...@@ -35,8 +35,9 @@ const { x, y } = useWindowScroll({
align-items: center; align-items: center;
i { i {
font-size: 20px; font-size: 28px;
color: var(--el-text-color-regular) font-weight: 900;
color: white;
} }
} }
</style> </style>
\ No newline at end of file
Markdown 格式
0%
您添加了 0 到此讨论。请谨慎行事。
请先完成此评论的编辑!
注册 或者 后发表评论