From fcf83ff50fd5f9538c985ad3102ca20cc3306251 Mon Sep 17 00:00:00 2001 From: imsyy Date: Tue, 8 Aug 2023 18:22:37 +0800 Subject: [PATCH] =?UTF-8?q?feat:=20=E5=AE=8C=E5=96=84=E8=AE=BE=E7=BD=AE?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- package.json | 2 +- public/lib/iconfont.js | 2 +- src/App.vue | 90 +++--- src/components/AllFunc/AllBox.vue | 3 +- src/components/AllFunc/AllFunc.vue | 19 +- src/components/AllFunc/AllSet.vue | 294 +++++++++++++++++--- src/components/Notification.vue | 19 +- src/components/SearchInput/SearchEngine.vue | 39 ++- src/components/SearchInput/SearchInp.vue | 13 +- src/components/WeatherTime.vue | 20 +- src/stores/setData.js | 18 ++ src/stores/statusData.js | 14 +- 12 files changed, 433 insertions(+), 100 deletions(-) diff --git a/package.json b/package.json index b1f7ef3..08333a6 100644 --- a/package.json +++ b/package.json @@ -1,7 +1,7 @@ { "name": "snavigation", "private": true, - "version": "2.0.0 beta 3", + "version": "2.0.0 beta 4", "type": "module", "scripts": { "dev": "vite --host", diff --git a/public/lib/iconfont.js b/public/lib/iconfont.js index 056cd2a..904e813 100644 --- a/public/lib/iconfont.js +++ b/public/lib/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,a,e,h,s=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?s(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&&(a=i,e=t.document,h=!1,d(),e.onreadystatechange=function(){"complete"==e.readyState&&(e.onreadystatechange=null,n())})}function n(){h||(h=!0,a())}function d(){try{e.documentElement.doScroll("left")}catch(c){return void setTimeout(d,50)}n()}}(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,a,e,h,s=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?s(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&&(a=i,e=t.document,h=!1,d(),e.onreadystatechange=function(){"complete"==e.readyState&&(e.onreadystatechange=null,n())})}function n(){h||(h=!0,a())}function d(){try{e.documentElement.doScroll("left")}catch(c){return void setTimeout(d,50)}n()}}(window); \ No newline at end of file diff --git a/src/App.vue b/src/App.vue index 58404db..a62306d 100644 --- a/src/App.vue +++ b/src/App.vue @@ -20,25 +20,41 @@
- - - +
+ + + +
+
+ + + +
@@ -122,7 +138,7 @@ const mainPressKeyboard = (event) => { &.main-set { .main-box { opacity: 1; - margin-top: 200px; + margin-top: 220px; transform: scale(1); visibility: visible; } @@ -134,26 +150,34 @@ const mainPressKeyboard = (event) => { } } } - .change-status { - cursor: pointer; + .all-controls { position: fixed; - top: 10px; - right: 10px; + width: 100%; + top: 0; + padding: 10px; display: flex; + flex-direction: row; align-items: center; - justify-content: center; - font-size: 28px; - padding: 8px; - border-radius: 8px; - color: var(--main-text-color); - z-index: 1; - transition: opacity 0.3s, background-color 0.3s, transform 0.3s; - &:hover { - backdrop-filter: blur(20px); - background-color: var(--main-background-light-color); - } - &:active { - transform: scale(0.95); + justify-content: space-between; + box-sizing: border-box; + .change-status { + cursor: pointer; + display: flex; + align-items: center; + justify-content: center; + font-size: 26px; + padding: 8px; + border-radius: 8px; + color: var(--main-text-color); + z-index: 1; + transition: opacity 0.3s, background-color 0.3s, transform 0.3s; + &:hover { + backdrop-filter: blur(20px); + background-color: var(--main-background-light-color); + } + &:active { + transform: scale(0.95); + } } } } diff --git a/src/components/AllFunc/AllBox.vue b/src/components/AllFunc/AllBox.vue index 6454e48..529e839 100644 --- a/src/components/AllFunc/AllBox.vue +++ b/src/components/AllFunc/AllBox.vue @@ -1,9 +1,8 @@ - diff --git a/src/components/AllFunc/AllFunc.vue b/src/components/AllFunc/AllFunc.vue index 0b5ebac..d710077 100644 --- a/src/components/AllFunc/AllFunc.vue +++ b/src/components/AllFunc/AllFunc.vue @@ -1,5 +1,6 @@