{{ timeData.hour ?? "00" }}
@@ -112,6 +113,7 @@ onBeforeUnmount(() => {
color: var(--main-text-color);
animation: fade-time-in 0.6s cubic-bezier(0.21, 0.78, 0.36, 1);
transition: transform 0.3s;
+ z-index: 1;
&.focus {
transform: translateY(-170px);
}
diff --git a/src/main.js b/src/main.js
index 05dcea2..4d2aded 100644
--- a/src/main.js
+++ b/src/main.js
@@ -8,6 +8,9 @@ import "@/utils/iconfont.js";
// Notivue
import { notivue } from "notivue";
import "notivue/notifications.css";
+// PerfectScrollbar
+import PerfectScrollbar from "vue3-perfect-scrollbar";
+import "vue3-perfect-scrollbar/dist/vue3-perfect-scrollbar.css";
// 主组件
import App from "@/App.vue";
@@ -32,5 +35,6 @@ app.use(notivue, {
clearAll: "notivue-fade",
},
});
+app.use(PerfectScrollbar);
app.component("SvgIcon", SvgIcon);
app.mount("#app");
diff --git a/src/stores/setData.js b/src/stores/setData.js
index 7f307b9..3789560 100644
--- a/src/stores/setData.js
+++ b/src/stores/setData.js
@@ -9,8 +9,8 @@ const useSetDataStore = defineStore("setData", {
// 壁纸遮罩
showBackgroundGray: true,
// 默认搜索引擎
- searchEngine: null,
- lastSearchEngine: null,
+ searchEngine: "bing",
+ lastSearchEngine: "bing",
// 清空搜索框
showCleanInput: true,
// 搜索框自动 focus
@@ -26,6 +26,14 @@ const useSetDataStore = defineStore("setData", {
urlJumpType: "href",
};
},
+ actions: {
+ setSearchEngine(value) {
+ // 储存上次
+ this.lastSearchEngine = this.searchEngine;
+ // 设置新引擎
+ this.searchEngine = value;
+ },
+ },
// 开启数据持久化
persist: {
key: "setData",
diff --git a/src/stores/statusData.js b/src/stores/statusData.js
index 0f77f95..a1bc463 100644
--- a/src/stores/statusData.js
+++ b/src/stores/statusData.js
@@ -8,6 +8,8 @@ const useStatusDataStore = defineStore("statusData", {
// 站点状态
// normal 正常 / focus 搜索 / box 盒子 / set 设置
siteStatus: "normal",
+ // 切换搜索引擎
+ engineChangeStatus: false,
};
},
getters: {},
@@ -18,6 +20,9 @@ const useStatusDataStore = defineStore("statusData", {
setSiteStatus(value) {
this.siteStatus = value;
},
+ setEngineChangeStatus(value) {
+ this.engineChangeStatus = value;
+ },
},
});
diff --git a/src/style/global.scss b/src/style/global.scss
index 2d4acd5..92c35ba 100644
--- a/src/style/global.scss
+++ b/src/style/global.scss
@@ -5,7 +5,8 @@
--main-text-hover-color: #555555;
--main-background-color: #00000040;
--main-background-light-color: #ffffff30;
- --main-background-hover-color: #ffffff;
+ --main-background-hover-color: #ffffff70;
+ --main-input-hover-color: #ffffff;
--main-text-shadow: 0px 0px 8px #00000066;
}
@@ -45,6 +46,10 @@ body {
transition: opacity 0.3s ease, transform 0.3s ease;
}
+.fadeDown-enter-active {
+ transition-delay: 0.2s;
+}
+
.fadeDown-enter-from,
.fadeDown-leave-to {
opacity: 0;
@@ -204,17 +209,9 @@ body {
}
// 滚动条
-::-webkit-scrollbar {
- background-color: transparent;
- width: 6px;
-}
-
-::-webkit-scrollbar-track {
- display: none;
-}
-
-::-webkit-scrollbar-thumb {
- border-radius: 12px;
- box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.1);
- background-color: var(--main-background-color);
+.ps__rail-y {
+ .ps__thumb-y {
+ right: 0;
+ background-color: var(--main-background-light-color);
+ }
}
diff --git a/src/utils/iconfont.js b/src/utils/iconfont.js
index d56111b..f363f8c 100644
--- a/src/utils/iconfont.js
+++ b/src/utils/iconfont.js
@@ -1 +1 @@
-window._iconfont_svg_string_4182315='
',function(t){var c=(c=document.getElementsByTagName("script"))[c.length-1],l=c.getAttribute("data-injectcss"),c=c.getAttribute("data-disable-injectsvg");if(!c){var i,o,e,a,h,n=function(c,l){l.parentNode.insertBefore(c,l)};if(l&&!t.__iconfont__svg__cssinject__){t.__iconfont__svg__cssinject__=!0;try{document.write("")}catch(c){console&&console.log(c)}}i=function(){var c,l=document.createElement("div");l.innerHTML=t._iconfont_svg_string_4182315,(l=l.getElementsByTagName("svg")[0])&&(l.setAttribute("aria-hidden","true"),l.style.position="absolute",l.style.width=0,l.style.height=0,l.style.overflow="hidden",l=l,(c=document.body).firstChild?n(l,c.firstChild):c.appendChild(l))},document.addEventListener?~["complete","loaded","interactive"].indexOf(document.readyState)?setTimeout(i,0):(o=function(){document.removeEventListener("DOMContentLoaded",o,!1),i()},document.addEventListener("DOMContentLoaded",o,!1)):document.attachEvent&&(e=i,a=t.document,h=!1,d(),a.onreadystatechange=function(){"complete"==a.readyState&&(a.onreadystatechange=null,s())})}function s(){h||(h=!0,e())}function d(){try{a.documentElement.doScroll("left")}catch(c){return void setTimeout(d,50)}s()}}(window);
\ No newline at end of file
+window._iconfont_svg_string_4182315='
',function(t){var c=(c=document.getElementsByTagName("script"))[c.length-1],l=c.getAttribute("data-injectcss"),c=c.getAttribute("data-disable-injectsvg");if(!c){var i,o,e,a,h,n=function(c,l){l.parentNode.insertBefore(c,l)};if(l&&!t.__iconfont__svg__cssinject__){t.__iconfont__svg__cssinject__=!0;try{document.write("")}catch(c){console&&console.log(c)}}i=function(){var c,l=document.createElement("div");l.innerHTML=t._iconfont_svg_string_4182315,(l=l.getElementsByTagName("svg")[0])&&(l.setAttribute("aria-hidden","true"),l.style.position="absolute",l.style.width=0,l.style.height=0,l.style.overflow="hidden",l=l,(c=document.body).firstChild?n(l,c.firstChild):c.appendChild(l))},document.addEventListener?~["complete","loaded","interactive"].indexOf(document.readyState)?setTimeout(i,0):(o=function(){document.removeEventListener("DOMContentLoaded",o,!1),i()},document.addEventListener("DOMContentLoaded",o,!1)):document.attachEvent&&(e=i,a=t.document,h=!1,d(),a.onreadystatechange=function(){"complete"==a.readyState&&(a.onreadystatechange=null,s())})}function s(){h||(h=!0,e())}function d(){try{a.documentElement.doScroll("left")}catch(c){return void setTimeout(d,50)}s()}}(window);
\ No newline at end of file