💄 fix(scroll): 调整滚动条样式

src/App.vue

@@ -116,10 +116,10 @@ async function writeData () {
   console.info("开始恢复数据...");
   const res = await restoreUiafData();
   if (res !== false) {
-    const { total, completed } = res;
+    const { total, fin } = res;
     console.info("开始恢复成就数据...");
     const achievementsStore = useAchievementsStore();
-    achievementsStore.flushData(total, completed);
+    achievementsStore.flushData(total, fin);
     console.info("成就数据恢复完成！");
   } else {
     console.info("未找到成就数据！");

src/assets/index.css

@@ -2,32 +2,30 @@
 @import url("themes/default.css");
 @import url("themes/dark.css");
 
-/**
+/*
- * @description 隐藏应用最右边的滚动条
+ * @description 让滚动条在内侧显示
- * @since Alpha v0.1.4  
+ * @since Alpha v0.1.0
  */
 html {
-  overflow-y: hidden;
+  overflow: overlay;
 }
-
 /*
  * @description 侧边滚动条样式
  * @since Alpha v0.1.3
  */
 ::-webkit-scrollbar {
-  width: 10px;
+  width: 8px;
-  height: 10px;
+  border-radius: 5px;
-  border-radius: 10px;
 }
 
 ::-webkit-scrollbar-track {
   background: var(--scroll-bg);
-  border-radius: 10px;
+  border-radius: 5px;
 }
 
 ::-webkit-scrollbar-thumb {
-  background: #888;
+  background: #96979A;
-  border-radius: 10px;
+  border-radius: 5px;
 }
 
 ::-webkit-scrollbar-thumb:hover {

src/assets/themes/dark.css

@@ -10,7 +10,7 @@ html.dark {
   --sidebar-bg: #1e1e1e;
   --sidebar-icon: #e1e1e1;
   --page-bg:#2a2a2a;
-  --scroll-bg: #393b40;
+  --scroll-bg: #ECE5D8;
   --calendar-btn-bg: #1e1e1e;
   --back-top-shadow: #000000;
   --theme-switch-icon: #e1e1e1;

src/assets/themes/default.css

@@ -10,7 +10,7 @@ html.default {
   --sidebar-bg: #485466;
   --sidebar-icon: #ece5d8;
   --page-bg:#ece5d8;
-  --scroll-bg: #f1f1f1;
+  --scroll-bg: #2A2A2A;
   --calendar-btn-bg: #393b40;
   --back-top-shadow: #546d8b;
   --theme-switch-icon: #393b40;

src/components/t-backTop.vue

@@ -51,8 +51,8 @@ onMounted(() => {
 <style scoped>
 .back-top {
   position: fixed;
-  right: 0.4rem;
+  right: 20px;
-  bottom: 1rem;
+  bottom: 20px;
   width: 60px;
   height: 60px;
   border-radius: 50%;