mirror of
https://github.com/caojiezi2003/Snavigation.git
synced 2024-09-19 21:02:52 +00:00
imsyy
parent
c2bd259140
commit
be65ecdbcc
25
.gitignore
vendored
25
.gitignore
vendored
@ -1 +1,24 @@
|
||||
.vscode
|
||||
# Logs
|
||||
logs
|
||||
*.log
|
||||
npm-debug.log*
|
||||
yarn-debug.log*
|
||||
yarn-error.log*
|
||||
pnpm-debug.log*
|
||||
lerna-debug.log*
|
||||
|
||||
node_modules
|
||||
dist
|
||||
dist-ssr
|
||||
*.local
|
||||
|
||||
# Editor directories and files
|
||||
.vscode/*
|
||||
!.vscode/extensions.json
|
||||
.idea
|
||||
.DS_Store
|
||||
*.suo
|
||||
*.ntvs*
|
||||
*.njsproj
|
||||
*.sln
|
||||
*.sw?
|
||||
|
||||
3
.vscode/extensions.json
vendored
Normal file
3
.vscode/extensions.json
vendored
Normal file
@ -0,0 +1,3 @@
|
||||
{
|
||||
"recommendations": ["Vue.volar", "Vue.vscode-typescript-vue-plugin"]
|
||||
}
|
||||
49
README.md
49
README.md
@ -5,12 +5,13 @@
|
||||
|
||||
|
||||
|
||||
>尚未完成
|
||||
> 重构中，尚未完成
|
||||
|
||||
### Demo
|
||||
>由于 CDN 缓存原因，查看最新效果可能需要 `Ctrl` + `F5` 强制刷新浏览器缓存
|
||||
> 由于 `CDN` 缓存原因，查看最新效果可能需要 `Ctrl` + `F5` 强制刷新浏览器缓存
|
||||
|
||||
- [Snavigation](https://snavigation.vercel.app/)
|
||||
- [Snavigation](https://nav.imsyy.top)
|
||||
- [Snavigation Dev](https://snavigation.vercel.app)
|
||||
|
||||
### 功能
|
||||
|
||||
@ -23,22 +24,50 @@
|
||||
- [x] 移动端适配
|
||||
* [ ] 还没想好呢
|
||||
|
||||
### 插件
|
||||
### 部署
|
||||
|
||||
* [iziToast](https://izitoast.marcelodolza.com/)
|
||||
* [Iconfont](https://www.iconfont.cn/)
|
||||
* [jQuery](https://jquery.com/)
|
||||
* **安装** [node.js](https://nodejs.org/zh-cn/) **环境**
|
||||
|
||||
> node > 16.16.0
|
||||
> npm > 8.15.0
|
||||
|
||||
* 然后以 **管理员权限** 运行 `cmd` 终端，并 `cd` 到 项目根目录
|
||||
* 在 `终端` 中输入：
|
||||
|
||||
```bash
|
||||
# 安装 pnpm
|
||||
npm install -g pnpm
|
||||
|
||||
# 安装依赖
|
||||
pnpm install
|
||||
|
||||
# 开发
|
||||
pnpm dev
|
||||
|
||||
# 构建
|
||||
pnpm build
|
||||
```
|
||||
> 构建完成后，静态资源会在 **`dist` 目录** 中生成，可将 **`dist` 文件夹下的文件**上传至服务器，
|
||||
> 也可使用 [Vercel](https://vercel.com/) 或 [Cloudflare Pages](https://pages.cloudflare.com/) 等托管平台一键自动部署
|
||||
|
||||
|
||||
### 技术栈
|
||||
|
||||
* [Vue](https://cn.vuejs.org/)
|
||||
* [Vite](https://vitejs.cn/vite3-cn/)
|
||||
* [Pinia](https://pinia.vuejs.org/zh/)
|
||||
* [iconfont](https://www.iconfont.cn/)
|
||||
|
||||
### API
|
||||
|
||||
* [小歪 API](https://api.ixiaowai.cn/)
|
||||
* [天气 API](https://www.tianqiapi.com/)
|
||||
* [缙哥哥 API](https://www.dujin.org/3618.html)
|
||||
* [Hitokoto 一言](https://hitokoto.cn/)
|
||||
|
||||
### 鸣谢
|
||||
|
||||
本站部分内容参考自
|
||||
本站部分样式及功能参考自
|
||||
|
||||
* [青柠起始页](https://limestart.cn/)
|
||||
* [sou2](https://github.com/yeetime/sou2/)
|
||||
|
||||
<a title="SSL" target="_blank" href="https://myssl.com/seal/detail?domain=blog.imsyy.top"><img src="https://img.shields.io/badge/MySSL-安全认证-brightgreen"></a> <a title="CDN" target="_blank" href="https://cdnjs.com/"><img src="https://img.shields.io/badge/CDN-Cloudflare-blue"></a> <a title="Copyright" target="_blank" href="https://imsyy.top/"><img src="https://img.shields.io/badge/Copyright%20%C2%A9%202020--2022-%E7%84%A1%E5%90%8D-red"></a>
|
||||
|
||||
@ -1,202 +0,0 @@
|
||||
/*渐入动画*/
|
||||
@keyframes fade {
|
||||
0% {
|
||||
opacity: 0;
|
||||
}
|
||||
|
||||
100% {
|
||||
opacity: 1;
|
||||
}
|
||||
}
|
||||
|
||||
@-webkit-keyframes fade {
|
||||
0% {
|
||||
opacity: 0;
|
||||
}
|
||||
|
||||
100% {
|
||||
opacity: 1;
|
||||
}
|
||||
}
|
||||
|
||||
@-moz-keyframes fade {
|
||||
0% {
|
||||
opacity: 0;
|
||||
}
|
||||
|
||||
100% {
|
||||
opacity: 1;
|
||||
}
|
||||
}
|
||||
|
||||
@-o-keyframes fade {
|
||||
0% {
|
||||
opacity: 0;
|
||||
}
|
||||
|
||||
100% {
|
||||
opacity: 1;
|
||||
}
|
||||
}
|
||||
|
||||
/*文字闪烁*/
|
||||
@-webkit-keyframes fadenum {
|
||||
|
||||
0% {
|
||||
opacity: 1;
|
||||
}
|
||||
|
||||
50% {
|
||||
opacity: 0;
|
||||
}
|
||||
|
||||
100% {
|
||||
opacity: 1;
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
@-moz-keyframes fadenum {
|
||||
|
||||
0% {
|
||||
opacity: 1;
|
||||
}
|
||||
|
||||
50% {
|
||||
opacity: 0;
|
||||
}
|
||||
|
||||
100% {
|
||||
opacity: 1;
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
@-o-keyframes fadenum {
|
||||
|
||||
0% {
|
||||
opacity: 1;
|
||||
}
|
||||
|
||||
50% {
|
||||
opacity: 0;
|
||||
}
|
||||
|
||||
100% {
|
||||
opacity: 1;
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
@keyframes fadenum {
|
||||
|
||||
0% {
|
||||
opacity: 1;
|
||||
}
|
||||
|
||||
50% {
|
||||
opacity: 0;
|
||||
}
|
||||
|
||||
100% {
|
||||
opacity: 1;
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
/*下沉动画*/
|
||||
@-moz-keyframes down {
|
||||
0% {
|
||||
opacity: 0;
|
||||
top: 44%;
|
||||
/* -webkit-transform: translateY(-25%);
|
||||
-moz-transform: translateY(-25%);
|
||||
-o-transform: translateY(-25%);
|
||||
-ms-transform: translateY(-25%);
|
||||
transform: translateY(-25%) */
|
||||
}
|
||||
|
||||
100% {
|
||||
opacity: 1;
|
||||
-ms-filter: none;
|
||||
filter: none;
|
||||
top: 46%;
|
||||
/* -webkit-transform: translateY(-20%);
|
||||
-moz-transform: translateY(-20%);
|
||||
-o-transform: translateY(-20%);
|
||||
-ms-transform: translateY(-20%);
|
||||
transform: translateY(-20%) */
|
||||
}
|
||||
}
|
||||
|
||||
@-webkit-keyframes down {
|
||||
0% {
|
||||
opacity: 0;
|
||||
top: 44%;
|
||||
/* -webkit-transform: translateY(-25%);
|
||||
-moz-transform: translateY(-25%);
|
||||
-o-transform: translateY(-25%);
|
||||
-ms-transform: translateY(-25%);
|
||||
transform: translateY(-25%) */
|
||||
}
|
||||
|
||||
100% {
|
||||
opacity: 1;
|
||||
-ms-filter: none;
|
||||
filter: none;
|
||||
top: 46%;
|
||||
/* -webkit-transform: translateY(-20%);
|
||||
-moz-transform: translateY(-20%);
|
||||
-o-transform: translateY(-20%);
|
||||
-ms-transform: translateY(-20%);
|
||||
transform: translateY(-20%) */
|
||||
}
|
||||
}
|
||||
|
||||
@-o-keyframes down {
|
||||
0% {
|
||||
opacity: 0;
|
||||
top: 44%;
|
||||
/* -webkit-transform: translateY(-25%);
|
||||
-moz-transform: translateY(-25%);
|
||||
-o-transform: translateY(-25%);
|
||||
-ms-transform: translateY(-25%);
|
||||
transform: translateY(-25%) */
|
||||
}
|
||||
|
||||
100% {
|
||||
opacity: 1;
|
||||
-ms-filter: none;
|
||||
filter: none;
|
||||
top: 46%;
|
||||
/* -webkit-transform: translateY(-20%);
|
||||
-moz-transform: translateY(-20%);
|
||||
-o-transform: translateY(-20%);
|
||||
-ms-transform: translateY(-20%);
|
||||
transform: translateY(-20%) */
|
||||
}
|
||||
}
|
||||
|
||||
@keyframes down {
|
||||
0% {
|
||||
opacity: 0;
|
||||
top: 44%;
|
||||
/* -webkit-transform: translateY(-25%);
|
||||
-moz-transform: translateY(-25%);
|
||||
-o-transform: translateY(-25%);
|
||||
-ms-transform: translateY(-25%);
|
||||
transform: translateY(-25%) */
|
||||
}
|
||||
|
||||
100% {
|
||||
opacity: 1;
|
||||
-ms-filter: none;
|
||||
filter: none;
|
||||
top: 46%;
|
||||
/* -webkit-transform: translateY(-20%);
|
||||
-moz-transform: translateY(-20%);
|
||||
-o-transform: translateY(-20%);
|
||||
-ms-transform: translateY(-20%);
|
||||
transform: translateY(-20%) */
|
||||
}
|
||||
}
|
||||
92
css/font.css
92
css/font.css
@ -1,92 +0,0 @@
|
||||
@font-face {
|
||||
font-family: "MiSans";
|
||||
src: url('../font/MiSans-Regular.subset.woff2') format('woff');
|
||||
}
|
||||
|
||||
@font-face {
|
||||
font-family: "iconfont";
|
||||
/* Project id 3222465 */
|
||||
src: url('../font/iconfont.woff2') format('woff2'),
|
||||
url('../font/iconfont.woff') format('woff'),
|
||||
url('../font/iconfont.ttf') format('truetype');
|
||||
}
|
||||
|
||||
.iconfont {
|
||||
font-family: "iconfont" !important;
|
||||
font-size: 16px;
|
||||
font-style: normal;
|
||||
-webkit-font-smoothing: antialiased;
|
||||
-moz-osx-font-smoothing: grayscale;
|
||||
}
|
||||
|
||||
.icon-tianjia-:before {
|
||||
content: "\e643";
|
||||
}
|
||||
|
||||
.icon-taobao:before {
|
||||
content: "\e755";
|
||||
}
|
||||
|
||||
.icon-jingdong:before {
|
||||
content: "\e618";
|
||||
}
|
||||
|
||||
.icon-xinlangweibo:before {
|
||||
content: "\e601";
|
||||
}
|
||||
|
||||
.icon-zhihu:before {
|
||||
content: "\e60a";
|
||||
}
|
||||
|
||||
.icon-github:before {
|
||||
content: "\e691";
|
||||
}
|
||||
|
||||
.icon-delete:before {
|
||||
content: "\e94d";
|
||||
}
|
||||
|
||||
.icon-home:before {
|
||||
content: "\e964";
|
||||
}
|
||||
|
||||
.icon-xiugai:before {
|
||||
content: "\e626";
|
||||
}
|
||||
|
||||
.icon-bilibilidonghua:before {
|
||||
content: "\e8b1";
|
||||
}
|
||||
|
||||
.icon-wangluo:before {
|
||||
content: "\e600";
|
||||
}
|
||||
|
||||
.icon-sougousousuo:before {
|
||||
content: "\e685";
|
||||
}
|
||||
|
||||
.icon-360sousuo:before {
|
||||
content: "\e64d";
|
||||
}
|
||||
|
||||
.icon-baidu:before {
|
||||
content: "\eb49";
|
||||
}
|
||||
|
||||
.icon-bing:before {
|
||||
content: "\eb4c";
|
||||
}
|
||||
|
||||
.icon-google:before {
|
||||
content: "\ebaa";
|
||||
}
|
||||
|
||||
.icon-shezhi:before {
|
||||
content: "\e634";
|
||||
}
|
||||
|
||||
.icon-sousuo:before {
|
||||
content: "\e635";
|
||||
}
|
||||
127
css/loading.css
127
css/loading.css
@ -1,127 +0,0 @@
|
||||
@charset "utf-8";
|
||||
|
||||
#loading-box .loading-left-bg,
|
||||
#loading-box .loading-right-bg {
|
||||
position: fixed;
|
||||
z-index: 999998;
|
||||
width: 50%;
|
||||
height: 100%;
|
||||
background-color: rgb(81 81 81 / 80%);
|
||||
transition: all 0.7s cubic-bezier(0.42, 0, 0, 1.01);
|
||||
backdrop-filter: blur(10px);
|
||||
}
|
||||
|
||||
#loading-box .loading-right-bg {
|
||||
right: 0;
|
||||
}
|
||||
|
||||
#loading-box>.spinner-box {
|
||||
position: fixed;
|
||||
z-index: 999999;
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
width: 100%;
|
||||
height: 100vh;
|
||||
}
|
||||
|
||||
#loading-box .spinner-box .loading-word {
|
||||
position: absolute;
|
||||
color: #ffffff;
|
||||
font-size: 0.95rem;
|
||||
transform: translateY(64px);
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
p.loading-title {
|
||||
font-size: 1.25rem;
|
||||
margin: 20px 10px 4px 10px;
|
||||
}
|
||||
|
||||
#loading-box .spinner-box .configure-core {
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
background-color: #37474f;
|
||||
}
|
||||
|
||||
div.loaded div.loading-left-bg {
|
||||
transform: translate(-100%, 0);
|
||||
}
|
||||
|
||||
div.loaded div.loading-right-bg {
|
||||
transform: translate(100%, 0);
|
||||
}
|
||||
|
||||
div.loaded div.spinner-box {
|
||||
display: none !important;
|
||||
}
|
||||
|
||||
.loader {
|
||||
position: absolute;
|
||||
top: calc(50% - 32px);
|
||||
left: calc(50% - 32px);
|
||||
width: 64px;
|
||||
height: 64px;
|
||||
border-radius: 50%;
|
||||
perspective: 800px;
|
||||
transition: all 0.7s cubic-bezier(0.42, 0, 0, 1.01);
|
||||
}
|
||||
|
||||
.inner {
|
||||
position: absolute;
|
||||
box-sizing: border-box;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
border-radius: 50%;
|
||||
}
|
||||
|
||||
.inner.one {
|
||||
left: 0%;
|
||||
top: 0%;
|
||||
animation: rotate-one 1s linear infinite;
|
||||
border-bottom: 3px solid #EFEFFA;
|
||||
}
|
||||
|
||||
.inner.two {
|
||||
right: 0%;
|
||||
top: 0%;
|
||||
animation: rotate-two 1s linear infinite;
|
||||
border-right: 3px solid #EFEFFA;
|
||||
}
|
||||
|
||||
.inner.three {
|
||||
right: 0%;
|
||||
bottom: 0%;
|
||||
animation: rotate-three 1s linear infinite;
|
||||
border-top: 3px solid #EFEFFA;
|
||||
}
|
||||
|
||||
@keyframes rotate-one {
|
||||
0% {
|
||||
transform: rotateX(35deg) rotateY(-45deg) rotateZ(0deg);
|
||||
}
|
||||
|
||||
100% {
|
||||
transform: rotateX(35deg) rotateY(-45deg) rotateZ(360deg);
|
||||
}
|
||||
}
|
||||
|
||||
@keyframes rotate-two {
|
||||
0% {
|
||||
transform: rotateX(50deg) rotateY(10deg) rotateZ(0deg);
|
||||
}
|
||||
|
||||
100% {
|
||||
transform: rotateX(50deg) rotateY(10deg) rotateZ(360deg);
|
||||
}
|
||||
}
|
||||
|
||||
@keyframes rotate-three {
|
||||
0% {
|
||||
transform: rotateX(35deg) rotateY(55deg) rotateZ(0deg);
|
||||
}
|
||||
|
||||
100% {
|
||||
transform: rotateX(35deg) rotateY(55deg) rotateZ(360deg);
|
||||
}
|
||||
}
|
||||
@ -1,94 +0,0 @@
|
||||
@charset "utf-8";
|
||||
|
||||
/*小于1200px时*/
|
||||
@media (max-width: 1200px) {
|
||||
|
||||
/*书签及设置高度*/
|
||||
.mark,
|
||||
.set {
|
||||
margin-top: 180px;
|
||||
}
|
||||
}
|
||||
|
||||
/*小于720px时*/
|
||||
@media (max-width: 720px) {
|
||||
|
||||
/*书签*/
|
||||
.quick,
|
||||
.quicks {
|
||||
width: 23%;
|
||||
min-width: 23%;
|
||||
max-width: 23%;
|
||||
}
|
||||
}
|
||||
|
||||
/*小于512px时*/
|
||||
@media (max-width: 512px) {
|
||||
|
||||
/*文字大小*/
|
||||
#time_text {
|
||||
font-size: 2.75rem;
|
||||
}
|
||||
|
||||
#day {
|
||||
font-size: 1.05rem;
|
||||
}
|
||||
|
||||
.weather {
|
||||
font-size: 1rem;
|
||||
}
|
||||
|
||||
.wd::-webkit-input-placeholder {
|
||||
letter-spacing: 1px;
|
||||
font-size: 0.95rem;
|
||||
}
|
||||
|
||||
/*搜索引擎*/
|
||||
.se-li {
|
||||
width: 31.33%;
|
||||
min-width: 31.33%;
|
||||
max-width: 31.33%;
|
||||
}
|
||||
|
||||
/*设置按钮*/
|
||||
#menu i {
|
||||
font-size: 1.45rem;
|
||||
}
|
||||
|
||||
/*书签*/
|
||||
.quick,
|
||||
.quicks {
|
||||
width: 31.33%;
|
||||
min-width: 31.33%;
|
||||
max-width: 31.33%;
|
||||
}
|
||||
|
||||
/*壁纸设置*/
|
||||
#wallpaper {
|
||||
flex-wrap: wrap;
|
||||
}
|
||||
|
||||
#wallpaper_text {
|
||||
margin-top: 0px;
|
||||
}
|
||||
|
||||
.form-radio {
|
||||
margin: 0px 10px 30px 0px;
|
||||
}
|
||||
|
||||
/*隐藏*/
|
||||
.mobile {
|
||||
display: none;
|
||||
}
|
||||
}
|
||||
|
||||
/* 大于568px时 */
|
||||
@media (min-width: 568px) {
|
||||
.iziToast {
|
||||
border-radius: 30px !important;
|
||||
}
|
||||
|
||||
.iziToast-wrapper {
|
||||
padding: 10px 0px !important;
|
||||
}
|
||||
}
|
||||
1055
css/style.css
1055
css/style.css
File diff suppressed because it is too large
Load Diff
BIN
favicon.ico
BIN
favicon.ico
Binary file not shown.
|
Before Width: | Height: | Size: 17 KiB |
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
|
Before Width: | Height: | Size: 75 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 63 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 136 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 65 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 227 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 215 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 42 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 58 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 151 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 106 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 9.4 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 654 B |
578
index.html
578
index.html
@ -1,562 +1,26 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="zh">
|
||||
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<meta http-equiv="X-UA-Compatible" content="IE=edge">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||
<!doctype html>
|
||||
<html lang="zh-CN">
|
||||
<head>
|
||||
<meta charset="UTF-8" />
|
||||
<link rel="icon" type="image/svg+xml" href="favicon.png" />
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
|
||||
<title>Snavigation</title>
|
||||
<link rel="icon" href="favicon.ico">
|
||||
<!-- jQuery -->
|
||||
<script src="https://lf26-cdn-tos.bytecdntp.com/cdn/expire-1-y/jquery/3.6.0/jquery.min.js"></script>
|
||||
<!-- 引入样式 -->
|
||||
<link rel="stylesheet" type="text/css" href="./css/style.css">
|
||||
<link rel="stylesheet" type="text/css" href="./css/font.css">
|
||||
<link rel="stylesheet" type="text/css" href="./css/loading.css">
|
||||
<link rel="stylesheet" type="text/css" href="./css/mobile.css">
|
||||
<link rel="stylesheet" type="text/css" href="./css/animation.css">
|
||||
<!-- Izitoast -->
|
||||
<link rel="stylesheet" href="https://lf3-cdn-tos.bytecdntp.com/cdn/expire-1-y/izitoast/1.4.0/css/iziToast.min.css">
|
||||
<script type="text/javascript"
|
||||
src="https://lf26-cdn-tos.bytecdntp.com/cdn/expire-1-y/izitoast/1.4.0/js/iziToast.min.js">
|
||||
</script>
|
||||
<!-- HarmonyOS Sans -->
|
||||
<link rel="stylesheet" href="https://s1.hdslb.com/bfs/static/jinkela/long/font/regular.css" />
|
||||
<!-- IE Out -->
|
||||
<script>
|
||||
if ( /*@cc_on!@*/ false || (!!window.MSInputMethodContext && !!document.documentMode)) window.location.href =
|
||||
"https://www.imsyy.top/upgrade-your-browser/index.html?referrer=" + encodeURIComponent(window.location
|
||||
.href);
|
||||
if (
|
||||
/*@cc_on!@*/
|
||||
false ||
|
||||
(!!window.MSInputMethodContext && !!document.documentMode)
|
||||
)
|
||||
window.location.href =
|
||||
"https://support.dmeng.net/upgrade-your-browser.html?referrer=" +
|
||||
encodeURIComponent(window.location.href);
|
||||
</script>
|
||||
</head>
|
||||
|
||||
<body>
|
||||
<!--加载动画-->
|
||||
<div id="loading-box">
|
||||
<div class="loading-left-bg"></div>
|
||||
<div class="loading-right-bg"></div>
|
||||
<div class="spinner-box">
|
||||
<div class="loader">
|
||||
<div class="inner one"></div>
|
||||
<div class="inner two"></div>
|
||||
<div class="inner three"></div>
|
||||
</div>
|
||||
<div class="loading-word">
|
||||
<p class="loading-title">Snavigation</p>
|
||||
<span id="loading-text">加载中</span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!-- 背景图片 -->
|
||||
<div class="bg-all">
|
||||
<img id="bg" onerror="this.classList.add('error');"></img>
|
||||
<div class="cover"></div>
|
||||
</div>
|
||||
<!-- 主体内容 -->
|
||||
<section id="section" class="section">
|
||||
<div id="content">
|
||||
<div class="con">
|
||||
<!-- 时间天气 -->
|
||||
<div class="tool-all">
|
||||
<div class="time">
|
||||
<span id="time_text">00<span id="point">:</span>00</span>
|
||||
<span id="day">0 月 00 日 周一</span>
|
||||
</div>
|
||||
<div class="weather">
|
||||
<span id="wea_text">N/A</span> <span id="tem2">N/A</span>°C ~ <span
|
||||
id="tem1">N/A</span>°C
|
||||
</div>
|
||||
</div>
|
||||
<!-- 搜索框 -->
|
||||
<div class="close_sou"></div>
|
||||
<div class="sou">
|
||||
<form class="search" action="https://www.baidu.com/s" target="_Blank">
|
||||
<div class="all-search">
|
||||
<div class="se" title="点击切换搜索引擎">
|
||||
<i id="icon-se" class="iconfont icon-baidu"></i>
|
||||
</div>
|
||||
<input class="wd" type="text" name="wd" placeholder="想要搜点什么" autocomplete="off">
|
||||
<div class="sou-button">
|
||||
<div class="s" id="s-button">
|
||||
<i id="icon-sou" class="iconfont icon-sousuo"></i>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<input type="submit" id="search-submit" style="display: none;">
|
||||
</form>
|
||||
<div id="keywords" style="display: none;"></div>
|
||||
<div class="search-engine" style="display: none;">
|
||||
<div class="search-engine-list">
|
||||
<div class="se-li">
|
||||
<a class="se-li-text" data-url="https://www.baidu.com/s" data-name="wd"
|
||||
data-icon="iconfont icon-baidu">
|
||||
<i id="icon-sou-list" class="iconfont icon-sousuo"></i>
|
||||
<span>百度</span>
|
||||
</a>
|
||||
</div>
|
||||
<div class="se-li" data-url="https://cn.bing.com/search" data-name="q"
|
||||
data-icon="iconfont icon-bing">
|
||||
<a class="se-li-text">
|
||||
<i id="icon-sou-list" class="iconfont icon-bing"></i>
|
||||
<span>必应</span>
|
||||
</a>
|
||||
</div>
|
||||
<div class="se-li" data-url="https://www.google.com/search" data-name="q"
|
||||
data-icon="iconfont icon-google">
|
||||
<a class="se-li-text">
|
||||
<i id="icon-sou-list" class="iconfont icon-google"></i>
|
||||
<span>谷歌</span>
|
||||
</a>
|
||||
</div>
|
||||
<div class="se-li" data-url="https://www.sogou.com/web" data-name="query"
|
||||
data-icon="iconfont icon-bing">
|
||||
<a class="se-li-text">
|
||||
<i id="icon-sou-list" class="iconfont icon-sougousousuo"></i>
|
||||
<span>搜狗</span>
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!-- 书签页 -->
|
||||
<div class="mark" style="display: none;">
|
||||
<div class="tab">
|
||||
<div class="tab-item active">常用</div>
|
||||
<div class="tab-item">工具</div>
|
||||
<div class="tab-item">开发</div>
|
||||
<div class="tab-item">娱乐</div>
|
||||
<div class="tab-item">学习</div>
|
||||
<div class="tab-item">设计</div>
|
||||
</div>
|
||||
<div class="content products">
|
||||
<!-- 常用 -->
|
||||
<div class="mainCont selected">
|
||||
<div class="quick-all">
|
||||
<div class="quick">
|
||||
<a href="https://github.com/" target="_blank">
|
||||
GitHub
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!-- 开发 -->
|
||||
<div class="mainCont">
|
||||
<div class="quick-alls">
|
||||
<div class="quicks">
|
||||
<a href="https://tool.chinaz.com/" target="_blank">
|
||||
站长之家
|
||||
</a>
|
||||
</div>
|
||||
<div class="quicks">
|
||||
<a href="https://www.toolnb.com/" target="_blank">
|
||||
爱资料工具
|
||||
</a>
|
||||
</div>
|
||||
<div class="quicks">
|
||||
<a href="https://www.aconvert.com/cn/" target="_blank">
|
||||
Aconvert
|
||||
</a>
|
||||
</div>
|
||||
<div class="quicks">
|
||||
<a href="https://next.itellyou.cn/" target="_blank">
|
||||
MSDN
|
||||
</a>
|
||||
</div>
|
||||
<div class="quicks">
|
||||
<a href="https://www.bejson.com/" target="_blank">
|
||||
BEJSON
|
||||
</a>
|
||||
</div>
|
||||
<div class="quicks">
|
||||
<a href="https://zh.z-lib.org/" target="_blank">
|
||||
Z-Library
|
||||
</a>
|
||||
</div>
|
||||
<div class="quicks">
|
||||
<a href="https://ebook.huzerui.com/" target="_blank">
|
||||
熊猫搜书
|
||||
</a>
|
||||
</div>
|
||||
<div class="quicks">
|
||||
<a href="https://vocalremover.org/ch/" target="_blank">
|
||||
VocalreMover
|
||||
</a>
|
||||
</div>
|
||||
<div class="quicks">
|
||||
<a href="https://tiomg.org/" target="_blank">
|
||||
太美工具
|
||||
</a>
|
||||
</div>
|
||||
<div class="quicks">
|
||||
<a href="https://s.threatbook.cn/" target="_blank">
|
||||
微步云沙箱
|
||||
</a>
|
||||
</div>
|
||||
<div class="quicks">
|
||||
<a href="https://www.tablesgenerator.com/" target="_blank">
|
||||
表格生成
|
||||
</a>
|
||||
</div>
|
||||
<div class="quicks">
|
||||
<a href="https://write.imsyy.top/" target="_blank">
|
||||
MD 编辑器
|
||||
</a>
|
||||
</div>
|
||||
<div class="quicks">
|
||||
<a href="https://vocalremover.org/ch/" target="_blank">
|
||||
VocalreMover
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!-- 工具 -->
|
||||
<div class="mainCont">
|
||||
<div class="quick-alls">
|
||||
<div class="quicks" data-s="bilibili" title="哔哩哔哩 (゜-゜)つロ 干杯~">
|
||||
<a href="https://www.bilibili.com/" target="_blank">
|
||||
哔哩哔哩
|
||||
</a>
|
||||
</div>
|
||||
<div class="quicks" data-s="github" title="GitHub">
|
||||
<a href="https://github.com/" target="_blank">
|
||||
GitHub
|
||||
</a>
|
||||
</div>
|
||||
<div class="quicks" data-s="v2ex" title="V2EX">
|
||||
<a href="https://www.v2ex.com/" target="_blank">
|
||||
V2EX
|
||||
</a>
|
||||
</div>
|
||||
<div class="quicks" data-s="steam" title="Steam">
|
||||
<a href="https://store.steampowered.com/" target="_blank">
|
||||
Steam
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!-- 娱乐 -->
|
||||
<div class="mainCont">
|
||||
<div class="quick-alls">
|
||||
<div class="quicks" data-s="bilibili" title="哔哩哔哩 (゜-゜)つロ 干杯~">
|
||||
<a href="https://www.bilibili.com/" target="_blank">
|
||||
哔哩哔哩
|
||||
</a>
|
||||
</div>
|
||||
<div class="quicks" data-s="github" title="GitHub">
|
||||
<a href="https://github.com/" target="_blank">
|
||||
GitHub
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!-- 学习 -->
|
||||
<div class="mainCont">
|
||||
<div class="quick-alls">
|
||||
<div class="quicks" data-s="bilibili" title="哔哩哔哩 (゜-゜)つロ 干杯~">
|
||||
<a href="https://www.bilibili.com/" target="_blank">
|
||||
哔哩哔哩
|
||||
</a>
|
||||
</div>
|
||||
<div class="quicks" data-s="github" title="GitHub">
|
||||
<a href="https://github.com/" target="_blank">
|
||||
GitHub
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!-- 设计 -->
|
||||
<div class="mainCont">
|
||||
<div class="quick-alls">
|
||||
<div class="quicks" data-s="bilibili" title="哔哩哔哩 (゜-゜)つロ 干杯~">
|
||||
<a href="https://www.bilibili.com/" target="_blank">
|
||||
哔哩哔哩
|
||||
</a>
|
||||
</div>
|
||||
<div class="quicks" data-s="github" title="GitHub">
|
||||
<a href="https://github.com/" target="_blank">
|
||||
GitHub
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!-- 设置图标 -->
|
||||
<div id="menu">
|
||||
<i id="icon-menu" class="iconfont icon-shezhi"></i>
|
||||
</div>
|
||||
<!-- 设置页 -->
|
||||
<div class="set" style="display: none;">
|
||||
<div class="tabs">
|
||||
<div class="tab-items actives">搜索引擎</div>
|
||||
<div class="tab-items" id="set-quick-menu">快捷方式</div>
|
||||
<div class="tab-items">背景图片</div>
|
||||
<div class="tab-items">数据备份</div>
|
||||
</div>
|
||||
<div class="contents productss">
|
||||
<!-- 搜索引擎设置 -->
|
||||
<div class="mainConts selected">
|
||||
<div class="set_blocks">
|
||||
<div class="set_blocks_content">
|
||||
<div class="se_list">
|
||||
<div class="se_list_table">
|
||||
<div class="se_list_div">
|
||||
<div class="se_list_num">
|
||||
<i class="iconfont icon-home"></i>
|
||||
</div>
|
||||
<div class="se_list_name">百度</div>
|
||||
<div class="se_list_button">
|
||||
<button class="set_se_default" value="baidu"
|
||||
style="border-radius: 8px 0px 0px 8px;">
|
||||
<span class="iconfont icon-home"></span>
|
||||
</button>
|
||||
<button class="edit_se" value="baidu">
|
||||
<span class="iconfont icon-xiugai"></span>
|
||||
</button>
|
||||
<button class="delete_se" value="baidu"
|
||||
style="border-radius: 0px 8px 8px 0px;">
|
||||
<span class="iconfont icon-delete"></span>
|
||||
</button>
|
||||
</div>
|
||||
</div>
|
||||
<div class="se_list_div">
|
||||
<div class="se_list_num">2</div>
|
||||
<div class="se_list_name">谷歌</div>
|
||||
<div class="se_list_button">
|
||||
<button class="set_se_default" value="google"><span
|
||||
class="iconfont icon-home"></span></button>
|
||||
<button class="edit_se" value="google"><span
|
||||
class="iconfont icon-xiugai"></span></button>
|
||||
<button class="delete_se" value="google"><span
|
||||
class="iconfont icon-delete"></span></button>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="se_add_preinstall">
|
||||
<div class="set_se_list_add">
|
||||
<span class="set_quick_text">新增</span>
|
||||
</div>
|
||||
<div class="set_se_list_preinstall">
|
||||
<span class="set_quick_text">重置</span>
|
||||
</div>
|
||||
</div>
|
||||
<div class="add_content se_add_content" style="display:none;">
|
||||
<div class="froms">
|
||||
<div class="from_items">
|
||||
<div class="from_text">顺序</div>
|
||||
<input type="hidden" name="key_inhere">
|
||||
<input type="number" name="key" placeholder="请填入小于 20 的正整数"
|
||||
autocomplete="off"
|
||||
oninput="if(value>20)value=20;if(value<0)value=0">
|
||||
</div>
|
||||
<div class="from_items">
|
||||
<div class="from_text">名称</div>
|
||||
<input type="text" name="title" placeholder="搜索引擎名称" autocomplete="off">
|
||||
</div>
|
||||
<div class="from_items">
|
||||
<div class="from_text">网址</div>
|
||||
<input type="url" name="url" placeholder="以 https 或 http 开头的 URL"
|
||||
autocomplete="off">
|
||||
</div>
|
||||
<div class="from_items">
|
||||
<div class="from_text">字段名</div>
|
||||
<input type="text" name="name" placeholder="URL 中 ? 后面的字段"
|
||||
autocomplete="off">
|
||||
</div>
|
||||
<div class="from_items" style="display: none;">
|
||||
<input type="text" name="icon" placeholder="iconfont icon-Earth"
|
||||
value="iconfont icon-Earth" disabled="disabled">
|
||||
</div>
|
||||
</div>
|
||||
<div class="from_items button">
|
||||
<div class="se_add_save">保存</div>
|
||||
<div class="se_add_cancel">取消</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!-- 快捷方式设置 -->
|
||||
<div class="mainConts">
|
||||
<div class="set_blocks">
|
||||
<div class="set_blocks_content">
|
||||
<div class="quick_list">
|
||||
<div class="quick_list_table">
|
||||
<div class="quick_list_div">
|
||||
<div class="quick_list_div_num">1</div>
|
||||
<div class="quick_list_div_name">哔哩哔哩</div>
|
||||
<div class="quick_list_div_button">
|
||||
<div class="edit_quick" value="1">
|
||||
<span class="iconfont iconbook-edit"></span>
|
||||
</div>
|
||||
<div class="delete_quick" value="1">
|
||||
<span class="iconfont icondelete"></span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="quick_list_div">
|
||||
<div class="quick_list_div_num">2</div>
|
||||
<div class="quick_list_div_name">知乎</div>
|
||||
<div class="quick_list_div_button">
|
||||
<button class="edit_quick" value="2"
|
||||
style="border-radius: 8px 0px 0px 8px;">
|
||||
<span class="iconfont iconbook-edit"></span>
|
||||
</button>
|
||||
<button class="delete_quick" value="2"
|
||||
style="border-radius: 0px 8px 8px 0px;">
|
||||
<span class="iconfont icondelete"></span>
|
||||
</button>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="se_add_preinstalls">
|
||||
<div class="set_quick_list_add">
|
||||
<span class="set_quick_text">新增</span>
|
||||
</div>
|
||||
<div class="set_quick_list_preinstall">
|
||||
<span class="set_quick_text">重置</span>
|
||||
</div>
|
||||
</div>
|
||||
<div class="add_content quick_add_content" style="display:none;">
|
||||
<div class="froms">
|
||||
<div class="from_items">
|
||||
<div class="from_text">顺序</div>
|
||||
<input type="hidden" name="key_inhere">
|
||||
<input type="number" name="key" placeholder="请填入小于 100 的正整数"
|
||||
autocomplete="off"
|
||||
oninput="if(value>99)value=99;if(value<0)value=0">
|
||||
</div>
|
||||
<div class="from_items">
|
||||
<div class="from_text">名称</div>
|
||||
<input type="text" name="title" placeholder="网站名称" autocomplete="off">
|
||||
</div>
|
||||
<div class="from_items">
|
||||
<div class="from_text">网址</div>
|
||||
<input type="url" name="url" placeholder="以 https 或 http 开头的 URL"
|
||||
autocomplete="off">
|
||||
</div>
|
||||
</div>
|
||||
<div class="from_items button">
|
||||
<div class="quick_add_save">保存</div>
|
||||
<div class="quick_add_cancel">取消</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!-- 背景图片设置 -->
|
||||
<div class="mainConts">
|
||||
<div class="set_blocks">
|
||||
<div class="set_tip">
|
||||
<span class="set_text mobile">点击下方选项以切换壁纸，使用除默认壁纸以外的选项可能会导致页面载入缓慢</span>
|
||||
<span class="set_text mobile">不建议使用以主色调为白色的壁纸，会导致本站部分元素无法辨认</span>
|
||||
<span class="set_text" id="wallpaper_text">请点击选项以查看各项说明，高亮项为选中，选中后刷新页面以生效</span>
|
||||
</div>
|
||||
<div class="set_blocks_content">
|
||||
<div class="from_container">
|
||||
<div class="froms">
|
||||
<div class="from_row">
|
||||
<div class="from_row_content">
|
||||
<div id="wallpaper">
|
||||
<div class="form-radio">
|
||||
<input type="radio" id="radio1" class="set-wallpaper"
|
||||
name="wallpaper-type" value="1" style="display: none;">
|
||||
<label class="form-radio-label" for="radio1">
|
||||
默认壁纸
|
||||
</label>
|
||||
</div>
|
||||
<div class="form-radio">
|
||||
<input type="radio" id="radio2" class="set-wallpaper"
|
||||
name="wallpaper-type" value="2" style="display: none;">
|
||||
<label class="form-radio-label" for="radio2">
|
||||
每日必应
|
||||
</label>
|
||||
</div>
|
||||
<div class="form-radio">
|
||||
<input type="radio" id="radio3" class="set-wallpaper"
|
||||
name="wallpaper-type" value="3" style="display: none;">
|
||||
<label class="form-radio-label" for="radio3">
|
||||
随机风景
|
||||
</label>
|
||||
</div>
|
||||
<div class="form-radio">
|
||||
<input type="radio" id="radio4" class="set-wallpaper"
|
||||
name="wallpaper-type" value="4" style="display: none;">
|
||||
<label class="form-radio-label" for="radio4">
|
||||
随机二次元
|
||||
</label>
|
||||
</div>
|
||||
<div class="form-radio mobile">
|
||||
<input type="radio" id="radio5"
|
||||
class="set-wallpaper wallpaper-custom"
|
||||
name="wallpaper-type" value="5" style="display: none;">
|
||||
<label class="form-radio-label" for="radio5">
|
||||
自定义壁纸
|
||||
</label>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
<div id="wallpaper_url" style="display: none;">
|
||||
<div class="from_row">
|
||||
<div class="from_items">
|
||||
<input type="text" name="wallpaper-url" id="wallpaper-url"
|
||||
placeholder="以 https 或 http 开头的 URL" autocomplete="off">
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="from_items button" id="wallpaper-button" style="display: none;">
|
||||
<div class="wallpaper_save">保存</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!-- 数据备份设置 -->
|
||||
<div class="mainConts">
|
||||
<div class="set_blocks">
|
||||
<div class="set_tip">
|
||||
<span class="set_text">点击导出会将本站文件导出至下载目录</span>
|
||||
<span class="set_text">点击导入可选择已备份文件进行恢复</span>
|
||||
<span class="set_text">本功能尚未完善，若遇到问题可在设置进行重置</span>
|
||||
</div>
|
||||
<div class="set_button">
|
||||
<div class="but-ordinary" id="my_data_in">导入</div>
|
||||
<div class="but-ordinary" id="my_data_out">导出</div>
|
||||
<input type="file" id="my_data_file" name="file" style="display: none">
|
||||
</div>
|
||||
<div class="set_version">
|
||||
<span class="set_version-text">MADE BY IMSYY</span>
|
||||
<span class="set_version-text2">© Snavigation v 1.2</span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!-- 版权信息 -->
|
||||
<div class="foot">
|
||||
<div class="power">Copyright © 2020
|
||||
<script>
|
||||
document.write(' - ' + (new Date()).getFullYear())
|
||||
</script> <a href="https://imsyy.top">無名</a> &
|
||||
<!-- 以下信息请不要修改哦 -->
|
||||
Made by <a href="https://github.com/imsyy/Snavigation" target="_blank">imsyy</a>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
<!-- 主体内容结束 -->
|
||||
<!-- noscript -->
|
||||
<noscript>
|
||||
<div class="noscript fixed-top">请开启 JavaScript</div>
|
||||
</noscript>
|
||||
<!-- JS -->
|
||||
<script type="text/javascript" src="./js/main.js"></script>
|
||||
<script type="text/javascript" src="./js/set.js"></script>
|
||||
<script type="text/javascript" src="./js/js.cookie.js"></script>
|
||||
</body>
|
||||
|
||||
</head>
|
||||
<body>
|
||||
<div id="app"></div>
|
||||
<script type="module" src="/src/main.js"></script>
|
||||
</body>
|
||||
</html>
|
||||
|
||||
164
js/js.cookie.js
164
js/js.cookie.js
@ -1,164 +0,0 @@
|
||||
/*!
|
||||
* JavaScript Cookie v2.2.1
|
||||
* https://github.com/js-cookie/js-cookie
|
||||
*
|
||||
* Copyright 2006, 2015 Klaus Hartl & Fagner Brack
|
||||
* Released under the MIT license
|
||||
*/
|
||||
;
|
||||
(function (factory) {
|
||||
var registeredInModuleLoader;
|
||||
if (typeof define === 'function' && define.amd) {
|
||||
define(factory);
|
||||
registeredInModuleLoader = true;
|
||||
}
|
||||
if (typeof exports === 'object') {
|
||||
module.exports = factory();
|
||||
registeredInModuleLoader = true;
|
||||
}
|
||||
if (!registeredInModuleLoader) {
|
||||
var OldCookies = window.Cookies;
|
||||
var api = window.Cookies = factory();
|
||||
api.noConflict = function () {
|
||||
window.Cookies = OldCookies;
|
||||
return api;
|
||||
};
|
||||
}
|
||||
}(function () {
|
||||
function extend() {
|
||||
var i = 0;
|
||||
var result = {};
|
||||
for (; i < arguments.length; i++) {
|
||||
var attributes = arguments[i];
|
||||
for (var key in attributes) {
|
||||
result[key] = attributes[key];
|
||||
}
|
||||
}
|
||||
return result;
|
||||
}
|
||||
|
||||
function decode(s) {
|
||||
return s.replace(/(%[0-9A-Z]{2})+/g, decodeURIComponent);
|
||||
}
|
||||
|
||||
function init(converter) {
|
||||
function api() {}
|
||||
|
||||
function set(key, value, attributes) {
|
||||
if (typeof document === 'undefined') {
|
||||
return;
|
||||
}
|
||||
|
||||
attributes = extend({
|
||||
path: '/'
|
||||
}, api.defaults, attributes);
|
||||
|
||||
if (typeof attributes.expires === 'number') {
|
||||
attributes.expires = new Date(new Date() * 1 + attributes.expires * 864e+5);
|
||||
}
|
||||
|
||||
// We're using "expires" because "max-age" is not supported by IE
|
||||
attributes.expires = attributes.expires ? attributes.expires.toUTCString() : '';
|
||||
|
||||
try {
|
||||
var result = JSON.stringify(value);
|
||||
if (/^[\{\[]/.test(result)) {
|
||||
value = result;
|
||||
}
|
||||
} catch (e) {}
|
||||
|
||||
value = converter.write ?
|
||||
converter.write(value, key) :
|
||||
encodeURIComponent(String(value))
|
||||
.replace(/%(23|24|26|2B|3A|3C|3E|3D|2F|3F|40|5B|5D|5E|60|7B|7D|7C)/g, decodeURIComponent);
|
||||
|
||||
key = encodeURIComponent(String(key))
|
||||
.replace(/%(23|24|26|2B|5E|60|7C)/g, decodeURIComponent)
|
||||
.replace(/[\(\)]/g, escape);
|
||||
|
||||
var stringifiedAttributes = '';
|
||||
for (var attributeName in attributes) {
|
||||
if (!attributes[attributeName]) {
|
||||
continue;
|
||||
}
|
||||
stringifiedAttributes += '; ' + attributeName;
|
||||
if (attributes[attributeName] === true) {
|
||||
continue;
|
||||
}
|
||||
|
||||
// Considers RFC 6265 section 5.2:
|
||||
// ...
|
||||
// 3. If the remaining unparsed-attributes contains a %x3B (";")
|
||||
// character:
|
||||
// Consume the characters of the unparsed-attributes up to,
|
||||
// not including, the first %x3B (";") character.
|
||||
// ...
|
||||
stringifiedAttributes += '=' + attributes[attributeName].split(';')[0];
|
||||
}
|
||||
|
||||
return (document.cookie = key + '=' + value + stringifiedAttributes);
|
||||
}
|
||||
|
||||
function get(key, json) {
|
||||
if (typeof document === 'undefined') {
|
||||
return;
|
||||
}
|
||||
|
||||
var jar = {};
|
||||
// To prevent the for loop in the first place assign an empty array
|
||||
// in case there are no cookies at all.
|
||||
var cookies = document.cookie ? document.cookie.split('; ') : [];
|
||||
var i = 0;
|
||||
|
||||
for (; i < cookies.length; i++) {
|
||||
var parts = cookies[i].split('=');
|
||||
var cookie = parts.slice(1).join('=');
|
||||
|
||||
if (!json && cookie.charAt(0) === '"') {
|
||||
cookie = cookie.slice(1, -1);
|
||||
}
|
||||
|
||||
try {
|
||||
var name = decode(parts[0]);
|
||||
cookie = (converter.read || converter)(cookie, name) ||
|
||||
decode(cookie);
|
||||
|
||||
if (json) {
|
||||
try {
|
||||
cookie = JSON.parse(cookie);
|
||||
} catch (e) {}
|
||||
}
|
||||
|
||||
jar[name] = cookie;
|
||||
|
||||
if (key === name) {
|
||||
break;
|
||||
}
|
||||
} catch (e) {}
|
||||
}
|
||||
|
||||
return key ? jar[key] : jar;
|
||||
}
|
||||
|
||||
api.set = set;
|
||||
api.get = function (key) {
|
||||
return get(key, false /* read as raw */ );
|
||||
};
|
||||
api.getJSON = function (key) {
|
||||
return get(key, true /* read as json */ );
|
||||
};
|
||||
api.remove = function (key, attributes) {
|
||||
set(key, '', extend(attributes, {
|
||||
expires: -1
|
||||
}));
|
||||
};
|
||||
|
||||
api.defaults = {};
|
||||
|
||||
api.withConverter = init;
|
||||
|
||||
return api;
|
||||
}
|
||||
|
||||
return init(function () {});
|
||||
}));
|
||||
170
js/main.js
170
js/main.js
@ -1,170 +0,0 @@
|
||||
//加载完成后执行
|
||||
window.addEventListener('load', function () {
|
||||
//载入动画
|
||||
$('#loading-box').attr('class', 'loaded');
|
||||
$('#bg').css("cssText", "transform: scale(1);filter: blur(0px);transition: ease 1.5s;");
|
||||
$('#section').css("cssText", "opacity: 1;transition: ease 1.5s;");
|
||||
$('.cover').css("cssText", "opacity: 1;transition: ease 1.5s;");
|
||||
|
||||
//用户欢迎
|
||||
iziToast.settings({
|
||||
timeout: 3000,
|
||||
backgroundColor: '#ffffff40',
|
||||
titleColor: '#efefef',
|
||||
messageColor: '#efefef',
|
||||
progressBar: false,
|
||||
close: false,
|
||||
closeOnEscape: true,
|
||||
position: 'topCenter',
|
||||
transitionIn: 'bounceInDown',
|
||||
transitionOut: 'flipOutX',
|
||||
displayMode: 'replace',
|
||||
layout: '1'
|
||||
});
|
||||
setTimeout(function () {
|
||||
iziToast.show({
|
||||
title: hello,
|
||||
message: '欢迎来到 Snavigation'
|
||||
});
|
||||
}, 800);
|
||||
|
||||
//中文字体缓加载-此处写入字体源文件
|
||||
//先行加载简体中文子集，后续补全字集
|
||||
//由于压缩过后的中文字体仍旧过大，可转移至对象存储或 CDN 加载
|
||||
const font = new FontFace(
|
||||
"MiSans",
|
||||
"url(" + "./font/MiSans-Regular.woff2" + ")"
|
||||
);
|
||||
document.fonts.add(font);
|
||||
|
||||
}, false)
|
||||
|
||||
//进入问候
|
||||
now = new Date(), hour = now.getHours()
|
||||
if (hour < 6) {
|
||||
var hello = "凌晨好";
|
||||
} else if (hour < 9) {
|
||||
var hello = "早上好";
|
||||
} else if (hour < 12) {
|
||||
var hello = "上午好";
|
||||
} else if (hour < 14) {
|
||||
var hello = "中午好";
|
||||
} else if (hour < 17) {
|
||||
var hello = "下午好";
|
||||
} else if (hour < 19) {
|
||||
var hello = "傍晚好";
|
||||
} else if (hour < 22) {
|
||||
var hello = "晚上好";
|
||||
} else {
|
||||
var hello = "夜深了";
|
||||
}
|
||||
|
||||
//获取时间
|
||||
var t = null;
|
||||
t = setTimeout(time, 1000);
|
||||
|
||||
function time() {
|
||||
clearTimeout(t);
|
||||
dt = new Date();
|
||||
var mm = dt.getMonth() + 1;
|
||||
var d = dt.getDate();
|
||||
var weekday = ["周日", "周一", "周二", "周三", "周四", "周五", "周六"];
|
||||
var day = dt.getDay();
|
||||
var h = dt.getHours();
|
||||
var m = dt.getMinutes();
|
||||
if (h < 10) {
|
||||
h = "0" + h;
|
||||
}
|
||||
if (m < 10) {
|
||||
m = "0" + m;
|
||||
}
|
||||
$("#time_text").html(h + '<span id="point">:</span>' + m);
|
||||
$("#day").html(mm + " 月 " + d + " 日 " + weekday[day]);
|
||||
t = setTimeout(time, 1000);
|
||||
}
|
||||
|
||||
//获取天气
|
||||
//每日限量 100 次
|
||||
//请前往 https://www.tianqiapi.com/index/doc?version=v6 申请（免费）
|
||||
fetch('https://yiketianqi.com/api?unescape=1&version=v6&appid=43986679&appsecret=TksqGZT7')
|
||||
.then(response => response.json())
|
||||
.then(data => {
|
||||
//$('#wea_text').html(data.wea + ' ' + data.tem_night + '℃' + ' ~ ' + data.tem_day + '℃')
|
||||
$('#wea_text').text(data.wea)
|
||||
$('#tem1').text(data.tem1)
|
||||
$('#tem2').text(data.tem2)
|
||||
})
|
||||
.catch(console.error)
|
||||
|
||||
//Tab书签页
|
||||
$(function () {
|
||||
$(".mark .tab .tab-item").click(function () {
|
||||
$(this).addClass("active").siblings().removeClass("active");
|
||||
$(".products .mainCont").eq($(this).index()).css("display", "flex").siblings().css("display", "none");
|
||||
})
|
||||
})
|
||||
|
||||
//设置
|
||||
$(function () {
|
||||
$(".set .tabs .tab-items").click(function () {
|
||||
$(this).addClass("actives").siblings().removeClass("actives");
|
||||
$(".productss .mainConts").eq($(this).index()).css("display", "flex").siblings().css("display", "none");
|
||||
})
|
||||
})
|
||||
|
||||
//输入框为空时阻止跳转
|
||||
$(window).keydown(function (e) {
|
||||
var key = window.event ? e.keyCode : e.which;
|
||||
if (key.toString() == "13") {
|
||||
if ($(".wd").val() == "") {
|
||||
return false;
|
||||
}
|
||||
}
|
||||
});
|
||||
|
||||
//点击搜索按钮
|
||||
$(".sou-button").click(function () {
|
||||
if ($("body").attr("class") === "onsearch") {
|
||||
if ($(".wd").val() != "") {
|
||||
$("#search-submit").click();
|
||||
}
|
||||
}
|
||||
});
|
||||
|
||||
//鼠标中键点击事件
|
||||
$(window).mousedown(function (event) {
|
||||
if (event.button == 1) {
|
||||
$("#time_text").click();
|
||||
}
|
||||
});
|
||||
|
||||
//控制台输出
|
||||
var styleTitle1 = `
|
||||
font-size: 20px;
|
||||
font-weight: 600;
|
||||
color: rgb(244,167,89);
|
||||
`
|
||||
var styleTitle2 = `
|
||||
font-size:12px;
|
||||
color: rgb(244,167,89);
|
||||
`
|
||||
var styleContent = `
|
||||
color: rgb(30,152,255);
|
||||
`
|
||||
var title1 = 'Snavigation'
|
||||
var title2 = `
|
||||
_____ __ __ _______ ____ __
|
||||
|_ _| \\/ |/ ____\\ \\ / /\\ \\ / /
|
||||
| | | \\ / | (___ \\ \\_/ / \\ \\_/ /
|
||||
| | | |\\/| |\\___ \\ \\ / \\ /
|
||||
_| |_| | | |____) | | | | |
|
||||
|_____|_| |_|_____/ |_| |_|
|
||||
`
|
||||
var content = `
|
||||
版 本 号：1.1
|
||||
更新日期：2022-07-12
|
||||
|
||||
Github: https://github.com/imsyy/Snavigation
|
||||
`
|
||||
console.log(`%c${title1} %c${title2}
|
||||
%c${content}`, styleTitle1, styleTitle2, styleContent)
|
||||
24
package.json
Normal file
24
package.json
Normal file
@ -0,0 +1,24 @@
|
||||
{
|
||||
"name": "snavigation",
|
||||
"private": true,
|
||||
"version": "0.0.0",
|
||||
"type": "module",
|
||||
"scripts": {
|
||||
"dev": "vite",
|
||||
"build": "vite build",
|
||||
"preview": "vite preview"
|
||||
},
|
||||
"dependencies": {
|
||||
"axios": "^1.4.0",
|
||||
"axios-jsonp": "^1.0.4",
|
||||
"pinia": "^2.1.4",
|
||||
"pinia-plugin-persistedstate": "^3.2.0",
|
||||
"sass": "^1.64.1",
|
||||
"vue": "^3.3.4"
|
||||
},
|
||||
"devDependencies": {
|
||||
"@vitejs/plugin-vue": "^4.2.3",
|
||||
"terser": "^5.19.2",
|
||||
"vite": "^4.4.5"
|
||||
}
|
||||
}
|
||||
751
pnpm-lock.yaml
Normal file
751
pnpm-lock.yaml
Normal file
@ -0,0 +1,751 @@
|
||||
lockfileVersion: '6.0'
|
||||
|
||||
settings:
|
||||
autoInstallPeers: true
|
||||
excludeLinksFromLockfile: false
|
||||
|
||||
dependencies:
|
||||
axios:
|
||||
specifier: ^1.4.0
|
||||
version: 1.4.0
|
||||
axios-jsonp:
|
||||
specifier: ^1.0.4
|
||||
version: 1.0.4
|
||||
pinia:
|
||||
specifier: ^2.1.4
|
||||
version: 2.1.4(vue@3.3.4)
|
||||
pinia-plugin-persistedstate:
|
||||
specifier: ^3.2.0
|
||||
version: 3.2.0(pinia@2.1.4)
|
||||
sass:
|
||||
specifier: ^1.64.1
|
||||
version: 1.64.1
|
||||
vue:
|
||||
specifier: ^3.3.4
|
||||
version: 3.3.4
|
||||
|
||||
devDependencies:
|
||||
'@vitejs/plugin-vue':
|
||||
specifier: ^4.2.3
|
||||
version: 4.2.3(vite@4.4.6)(vue@3.3.4)
|
||||
terser:
|
||||
specifier: ^5.19.2
|
||||
version: 5.19.2
|
||||
vite:
|
||||
specifier: ^4.4.5
|
||||
version: 4.4.6(sass@1.64.1)(terser@5.19.2)
|
||||
|
||||
packages:
|
||||
|
||||
/@babel/helper-string-parser@7.22.5:
|
||||
resolution: {integrity: sha512-mM4COjgZox8U+JcXQwPijIZLElkgEpO5rsERVDJTc2qfCDfERyob6k5WegS14SX18IIjv+XD+GrqNumY5JRCDw==}
|
||||
engines: {node: '>=6.9.0'}
|
||||
|
||||
/@babel/helper-validator-identifier@7.22.5:
|
||||
resolution: {integrity: sha512-aJXu+6lErq8ltp+JhkJUfk1MTGyuA4v7f3pA+BJ5HLfNC6nAQ0Cpi9uOquUj8Hehg0aUiHzWQbOVJGao6ztBAQ==}
|
||||
engines: {node: '>=6.9.0'}
|
||||
|
||||
/@babel/parser@7.22.7:
|
||||
resolution: {integrity: sha512-7NF8pOkHP5o2vpmGgNGcfAeCvOYhGLyA3Z4eBQkT1RJlWu47n63bCs93QfJ2hIAFCil7L5P2IWhs1oToVgrL0Q==}
|
||||
engines: {node: '>=6.0.0'}
|
||||
hasBin: true
|
||||
dependencies:
|
||||
'@babel/types': 7.22.5
|
||||
|
||||
/@babel/types@7.22.5:
|
||||
resolution: {integrity: sha512-zo3MIHGOkPOfoRXitsgHLjEXmlDaD/5KU1Uzuc9GNiZPhSqVxVRtxuPaSBZDsYZ9qV88AjtMtWW7ww98loJ9KA==}
|
||||
engines: {node: '>=6.9.0'}
|
||||
dependencies:
|
||||
'@babel/helper-string-parser': 7.22.5
|
||||
'@babel/helper-validator-identifier': 7.22.5
|
||||
to-fast-properties: 2.0.0
|
||||
|
||||
/@esbuild/android-arm64@0.18.16:
|
||||
resolution: {integrity: sha512-wsCqSPqLz+6Ov+OM4EthU43DyYVVyfn15S4j1bJzylDpc1r1jZFFfJQNfDuT8SlgwuqpmpJXK4uPlHGw6ve7eA==}
|
||||
engines: {node: '>=12'}
|
||||
cpu: [arm64]
|
||||
os: [android]
|
||||
requiresBuild: true
|
||||
dev: true
|
||||
optional: true
|
||||
|
||||
/@esbuild/android-arm@0.18.16:
|
||||
resolution: {integrity: sha512-gCHjjQmA8L0soklKbLKA6pgsLk1byULuHe94lkZDzcO3/Ta+bbeewJioEn1Fr7kgy9NWNFy/C+MrBwC6I/WCug==}
|
||||
engines: {node: '>=12'}
|
||||
cpu: [arm]
|
||||
os: [android]
|
||||
requiresBuild: true
|
||||
dev: true
|
||||
optional: true
|
||||
|
||||
/@esbuild/android-x64@0.18.16:
|
||||
resolution: {integrity: sha512-ldsTXolyA3eTQ1//4DS+E15xl0H/3DTRJaRL0/0PgkqDsI0fV/FlOtD+h0u/AUJr+eOTlZv4aC9gvfppo3C4sw==}
|
||||
engines: {node: '>=12'}
|
||||
cpu: [x64]
|
||||
os: [android]
|
||||
requiresBuild: true
|
||||
dev: true
|
||||
optional: true
|
||||
|
||||
/@esbuild/darwin-arm64@0.18.16:
|
||||
resolution: {integrity: sha512-aBxruWCII+OtluORR/KvisEw0ALuw/qDQWvkoosA+c/ngC/Kwk0lLaZ+B++LLS481/VdydB2u6tYpWxUfnLAIw==}
|
||||
engines: {node: '>=12'}
|
||||
cpu: [arm64]
|
||||
os: [darwin]
|
||||
requiresBuild: true
|
||||
dev: true
|
||||
optional: true
|
||||
|
||||
/@esbuild/darwin-x64@0.18.16:
|
||||
resolution: {integrity: sha512-6w4Dbue280+rp3LnkgmriS1icOUZDyPuZo/9VsuMUTns7SYEiOaJ7Ca1cbhu9KVObAWfmdjUl4gwy9TIgiO5eA==}
|
||||
engines: {node: '>=12'}
|
||||
cpu: [x64]
|
||||
os: [darwin]
|
||||
requiresBuild: true
|
||||
dev: true
|
||||
optional: true
|
||||
|
||||
/@esbuild/freebsd-arm64@0.18.16:
|
||||
resolution: {integrity: sha512-x35fCebhe9s979DGKbVAwXUOcTmCIE32AIqB9CB1GralMIvxdnMLAw5CnID17ipEw9/3MvDsusj/cspYt2ZLNQ==}
|
||||
engines: {node: '>=12'}
|
||||
cpu: [arm64]
|
||||
os: [freebsd]
|
||||
requiresBuild: true
|
||||
dev: true
|
||||
optional: true
|
||||
|
||||
/@esbuild/freebsd-x64@0.18.16:
|
||||
resolution: {integrity: sha512-YM98f+PeNXF3GbxIJlUsj+McUWG1irguBHkszCIwfr3BXtXZsXo0vqybjUDFfu9a8Wr7uUD/YSmHib+EeGAFlg==}
|
||||
engines: {node: '>=12'}
|
||||
cpu: [x64]
|
||||
os: [freebsd]
|
||||
requiresBuild: true
|
||||
dev: true
|
||||
optional: true
|
||||
|
||||
/@esbuild/linux-arm64@0.18.16:
|
||||
resolution: {integrity: sha512-XIqhNUxJiuy+zsR77+H5Z2f7s4YRlriSJKtvx99nJuG5ATuJPjmZ9n0ANgnGlPCpXGSReFpgcJ7O3SMtzIFeiQ==}
|
||||
engines: {node: '>=12'}
|
||||
cpu: [arm64]
|
||||
os: [linux]
|
||||
requiresBuild: true
|
||||
dev: true
|
||||
optional: true
|
||||
|
||||
/@esbuild/linux-arm@0.18.16:
|
||||
resolution: {integrity: sha512-b5ABb+5Ha2C9JkeZXV+b+OruR1tJ33ePmv9ZwMeETSEKlmu/WJ45XTTG+l6a2KDsQtJJ66qo/hbSGBtk0XVLHw==}
|
||||
engines: {node: '>=12'}
|
||||
cpu: [arm]
|
||||
os: [linux]
|
||||
requiresBuild: true
|
||||
dev: true
|
||||
optional: true
|
||||
|
||||
/@esbuild/linux-ia32@0.18.16:
|
||||
resolution: {integrity: sha512-no+pfEpwnRvIyH+txbBAWtjxPU9grslmTBfsmDndj7bnBmr55rOo/PfQmRfz7Qg9isswt1FP5hBbWb23fRWnow==}
|
||||
engines: {node: '>=12'}
|
||||
cpu: [ia32]
|
||||
os: [linux]
|
||||
requiresBuild: true
|
||||
dev: true
|
||||
optional: true
|
||||
|
||||
/@esbuild/linux-loong64@0.18.16:
|
||||
resolution: {integrity: sha512-Zbnczs9ZXjmo0oZSS0zbNlJbcwKXa/fcNhYQjahDs4Xg18UumpXG/lwM2lcSvHS3mTrRyCYZvJbmzYc4laRI1g==}
|
||||
engines: {node: '>=12'}
|
||||
cpu: [loong64]
|
||||
os: [linux]
|
||||
requiresBuild: true
|
||||
dev: true
|
||||
optional: true
|
||||
|
||||
/@esbuild/linux-mips64el@0.18.16:
|
||||
resolution: {integrity: sha512-YMF7hih1HVR/hQVa/ot4UVffc5ZlrzEb3k2ip0nZr1w6fnYypll9td2qcoMLvd3o8j3y6EbJM3MyIcXIVzXvQQ==}
|
||||
engines: {node: '>=12'}
|
||||
cpu: [mips64el]
|
||||
os: [linux]
|
||||
requiresBuild: true
|
||||
dev: true
|
||||
optional: true
|
||||
|
||||
/@esbuild/linux-ppc64@0.18.16:
|
||||
resolution: {integrity: sha512-Wkz++LZ29lDwUyTSEnzDaaP5OveOgTU69q9IyIw9WqLRxM4BjTBjz9un4G6TOvehWpf/J3gYVFN96TjGHrbcNQ==}
|
||||
engines: {node: '>=12'}
|
||||
cpu: [ppc64]
|
||||
os: [linux]
|
||||
requiresBuild: true
|
||||
dev: true
|
||||
optional: true
|
||||
|
||||
/@esbuild/linux-riscv64@0.18.16:
|
||||
resolution: {integrity: sha512-LFMKZ30tk78/mUv1ygvIP+568bwf4oN6reG/uczXnz6SvFn4e2QUFpUpZY9iSJT6Qpgstrhef/nMykIXZtZWGQ==}
|
||||
engines: {node: '>=12'}
|
||||
cpu: [riscv64]
|
||||
os: [linux]
|
||||
requiresBuild: true
|
||||
dev: true
|
||||
optional: true
|
||||
|
||||
/@esbuild/linux-s390x@0.18.16:
|
||||
resolution: {integrity: sha512-3ZC0BgyYHYKfZo3AV2/66TD/I9tlSBaW7eWTEIkrQQKfJIifKMMttXl9FrAg+UT0SGYsCRLI35Gwdmm96vlOjg==}
|
||||
engines: {node: '>=12'}
|
||||
cpu: [s390x]
|
||||
os: [linux]
|
||||
requiresBuild: true
|
||||
dev: true
|
||||
optional: true
|
||||
|
||||
/@esbuild/linux-x64@0.18.16:
|
||||
resolution: {integrity: sha512-xu86B3647DihHJHv/wx3NCz2Dg1gjQ8bbf9cVYZzWKY+gsvxYmn/lnVlqDRazObc3UMwoHpUhNYaZset4X8IPA==}
|
||||
engines: {node: '>=12'}
|
||||
cpu: [x64]
|
||||
os: [linux]
|
||||
requiresBuild: true
|
||||
dev: true
|
||||
optional: true
|
||||
|
||||
/@esbuild/netbsd-x64@0.18.16:
|
||||
resolution: {integrity: sha512-uVAgpimx9Ffw3xowtg/7qQPwHFx94yCje+DoBx+LNm2ePDpQXHrzE+Sb0Si2VBObYz+LcRps15cq+95YM7gkUw==}
|
||||
engines: {node: '>=12'}
|
||||
cpu: [x64]
|
||||
os: [netbsd]
|
||||
requiresBuild: true
|
||||
dev: true
|
||||
optional: true
|
||||
|
||||
/@esbuild/openbsd-x64@0.18.16:
|
||||
resolution: {integrity: sha512-6OjCQM9wf7z8/MBi6BOWaTL2AS/SZudsZtBziXMtNI8r/U41AxS9x7jn0ATOwVy08OotwkPqGRMkpPR2wcTJXA==}
|
||||
engines: {node: '>=12'}
|
||||
cpu: [x64]
|
||||
os: [openbsd]
|
||||
requiresBuild: true
|
||||
dev: true
|
||||
optional: true
|
||||
|
||||
/@esbuild/sunos-x64@0.18.16:
|
||||
resolution: {integrity: sha512-ZoNkruFYJp9d1LbUYCh8awgQDvB9uOMZqlQ+gGEZR7v6C+N6u7vPr86c+Chih8niBR81Q/bHOSKGBK3brJyvkQ==}
|
||||
engines: {node: '>=12'}
|
||||
cpu: [x64]
|
||||
os: [sunos]
|
||||
requiresBuild: true
|
||||
dev: true
|
||||
optional: true
|
||||
|
||||
/@esbuild/win32-arm64@0.18.16:
|
||||
resolution: {integrity: sha512-+j4anzQ9hrs+iqO+/wa8UE6TVkKua1pXUb0XWFOx0FiAj6R9INJ+WE//1/Xo6FG1vB5EpH3ko+XcgwiDXTxcdw==}
|
||||
engines: {node: '>=12'}
|
||||
cpu: [arm64]
|
||||
os: [win32]
|
||||
requiresBuild: true
|
||||
dev: true
|
||||
optional: true
|
||||
|
||||
/@esbuild/win32-ia32@0.18.16:
|
||||
resolution: {integrity: sha512-5PFPmq3sSKTp9cT9dzvI67WNfRZGvEVctcZa1KGjDDu4n3H8k59Inbk0du1fz0KrAbKKNpJbdFXQMDUz7BG4rQ==}
|
||||
engines: {node: '>=12'}
|
||||
cpu: [ia32]
|
||||
os: [win32]
|
||||
requiresBuild: true
|
||||
dev: true
|
||||
optional: true
|
||||
|
||||
/@esbuild/win32-x64@0.18.16:
|
||||
resolution: {integrity: sha512-sCIVrrtcWN5Ua7jYXNG1xD199IalrbfV2+0k/2Zf2OyV2FtnQnMgdzgpRAbi4AWlKJj1jkX+M+fEGPQj6BQB4w==}
|
||||
engines: {node: '>=12'}
|
||||
cpu: [x64]
|
||||
os: [win32]
|
||||
requiresBuild: true
|
||||
dev: true
|
||||
optional: true
|
||||
|
||||
/@jridgewell/gen-mapping@0.3.3:
|
||||
resolution: {integrity: sha512-HLhSWOLRi875zjjMG/r+Nv0oCW8umGb0BgEhyX3dDX3egwZtB8PqLnjz3yedt8R5StBrzcg4aBpnh8UA9D1BoQ==}
|
||||
engines: {node: '>=6.0.0'}
|
||||
dependencies:
|
||||
'@jridgewell/set-array': 1.1.2
|
||||
'@jridgewell/sourcemap-codec': 1.4.15
|
||||
'@jridgewell/trace-mapping': 0.3.18
|
||||
dev: true
|
||||
|
||||
/@jridgewell/resolve-uri@3.1.0:
|
||||
resolution: {integrity: sha512-F2msla3tad+Mfht5cJq7LSXcdudKTWCVYUgw6pLFOOHSTtZlj6SWNYAp+AhuqLmWdBO2X5hPrLcu8cVP8fy28w==}
|
||||
engines: {node: '>=6.0.0'}
|
||||
dev: true
|
||||
|
||||
/@jridgewell/set-array@1.1.2:
|
||||
resolution: {integrity: sha512-xnkseuNADM0gt2bs+BvhO0p78Mk762YnZdsuzFV018NoG1Sj1SCQvpSqa7XUaTam5vAGasABV9qXASMKnFMwMw==}
|
||||
engines: {node: '>=6.0.0'}
|
||||
dev: true
|
||||
|
||||
/@jridgewell/source-map@0.3.5:
|
||||
resolution: {integrity: sha512-UTYAUj/wviwdsMfzoSJspJxbkH5o1snzwX0//0ENX1u/55kkZZkcTZP6u9bwKGkv+dkk9at4m1Cpt0uY80kcpQ==}
|
||||
dependencies:
|
||||
'@jridgewell/gen-mapping': 0.3.3
|
||||
'@jridgewell/trace-mapping': 0.3.18
|
||||
dev: true
|
||||
|
||||
/@jridgewell/sourcemap-codec@1.4.14:
|
||||
resolution: {integrity: sha512-XPSJHWmi394fuUuzDnGz1wiKqWfo1yXecHQMRf2l6hztTO+nPru658AyDngaBe7isIxEkRsPR3FZh+s7iVa4Uw==}
|
||||
dev: true
|
||||
|
||||
/@jridgewell/sourcemap-codec@1.4.15:
|
||||
resolution: {integrity: sha512-eF2rxCRulEKXHTRiDrDy6erMYWqNw4LPdQ8UQA4huuxaQsVeRPFl2oM8oDGxMFhJUWZf9McpLtJasDDZb/Bpeg==}
|
||||
|
||||
/@jridgewell/trace-mapping@0.3.18:
|
||||
resolution: {integrity: sha512-w+niJYzMHdd7USdiH2U6869nqhD2nbfZXND5Yp93qIbEmnDNk7PD48o+YchRVpzMU7M6jVCbenTR7PA1FLQ9pA==}
|
||||
dependencies:
|
||||
'@jridgewell/resolve-uri': 3.1.0
|
||||
'@jridgewell/sourcemap-codec': 1.4.14
|
||||
dev: true
|
||||
|
||||
/@vitejs/plugin-vue@4.2.3(vite@4.4.6)(vue@3.3.4):
|
||||
resolution: {integrity: sha512-R6JDUfiZbJA9cMiguQ7jxALsgiprjBeHL5ikpXfJCH62pPHtI+JdJ5xWj6Ev73yXSlYl86+blXn1kZHQ7uElxw==}
|
||||
engines: {node: ^14.18.0 || >=16.0.0}
|
||||
peerDependencies:
|
||||
vite: ^4.0.0
|
||||
vue: ^3.2.25
|
||||
dependencies:
|
||||
vite: 4.4.6(sass@1.64.1)(terser@5.19.2)
|
||||
vue: 3.3.4
|
||||
dev: true
|
||||
|
||||
/@vue/compiler-core@3.3.4:
|
||||
resolution: {integrity: sha512-cquyDNvZ6jTbf/+x+AgM2Arrp6G4Dzbb0R64jiG804HRMfRiFXWI6kqUVqZ6ZR0bQhIoQjB4+2bhNtVwndW15g==}
|
||||
dependencies:
|
||||
'@babel/parser': 7.22.7
|
||||
'@vue/shared': 3.3.4
|
||||
estree-walker: 2.0.2
|
||||
source-map-js: 1.0.2
|
||||
|
||||
/@vue/compiler-dom@3.3.4:
|
||||
resolution: {integrity: sha512-wyM+OjOVpuUukIq6p5+nwHYtj9cFroz9cwkfmP9O1nzH68BenTTv0u7/ndggT8cIQlnBeOo6sUT/gvHcIkLA5w==}
|
||||
dependencies:
|
||||
'@vue/compiler-core': 3.3.4
|
||||
'@vue/shared': 3.3.4
|
||||
|
||||
/@vue/compiler-sfc@3.3.4:
|
||||
resolution: {integrity: sha512-6y/d8uw+5TkCuzBkgLS0v3lSM3hJDntFEiUORM11pQ/hKvkhSKZrXW6i69UyXlJQisJxuUEJKAWEqWbWsLeNKQ==}
|
||||
dependencies:
|
||||
'@babel/parser': 7.22.7
|
||||
'@vue/compiler-core': 3.3.4
|
||||
'@vue/compiler-dom': 3.3.4
|
||||
'@vue/compiler-ssr': 3.3.4
|
||||
'@vue/reactivity-transform': 3.3.4
|
||||
'@vue/shared': 3.3.4
|
||||
estree-walker: 2.0.2
|
||||
magic-string: 0.30.1
|
||||
postcss: 8.4.27
|
||||
source-map-js: 1.0.2
|
||||
|
||||
/@vue/compiler-ssr@3.3.4:
|
||||
resolution: {integrity: sha512-m0v6oKpup2nMSehwA6Uuu+j+wEwcy7QmwMkVNVfrV9P2qE5KshC6RwOCq8fjGS/Eak/uNb8AaWekfiXxbBB6gQ==}
|
||||
dependencies:
|
||||
'@vue/compiler-dom': 3.3.4
|
||||
'@vue/shared': 3.3.4
|
||||
|
||||
/@vue/devtools-api@6.5.0:
|
||||
resolution: {integrity: sha512-o9KfBeaBmCKl10usN4crU53fYtC1r7jJwdGKjPT24t348rHxgfpZ0xL3Xm/gLUYnc0oTp8LAmrxOeLyu6tbk2Q==}
|
||||
dev: false
|
||||
|
||||
/@vue/reactivity-transform@3.3.4:
|
||||
resolution: {integrity: sha512-MXgwjako4nu5WFLAjpBnCj/ieqcjE2aJBINUNQzkZQfzIZA4xn+0fV1tIYBJvvva3N3OvKGofRLvQIwEQPpaXw==}
|
||||
dependencies:
|
||||
'@babel/parser': 7.22.7
|
||||
'@vue/compiler-core': 3.3.4
|
||||
'@vue/shared': 3.3.4
|
||||
estree-walker: 2.0.2
|
||||
magic-string: 0.30.1
|
||||
|
||||
/@vue/reactivity@3.3.4:
|
||||
resolution: {integrity: sha512-kLTDLwd0B1jG08NBF3R5rqULtv/f8x3rOFByTDz4J53ttIQEDmALqKqXY0J+XQeN0aV2FBxY8nJDf88yvOPAqQ==}
|
||||
dependencies:
|
||||
'@vue/shared': 3.3.4
|
||||
|
||||
/@vue/runtime-core@3.3.4:
|
||||
resolution: {integrity: sha512-R+bqxMN6pWO7zGI4OMlmvePOdP2c93GsHFM/siJI7O2nxFRzj55pLwkpCedEY+bTMgp5miZ8CxfIZo3S+gFqvA==}
|
||||
dependencies:
|
||||
'@vue/reactivity': 3.3.4
|
||||
'@vue/shared': 3.3.4
|
||||
|
||||
/@vue/runtime-dom@3.3.4:
|
||||
resolution: {integrity: sha512-Aj5bTJ3u5sFsUckRghsNjVTtxZQ1OyMWCr5dZRAPijF/0Vy4xEoRCwLyHXcj4D0UFbJ4lbx3gPTgg06K/GnPnQ==}
|
||||
dependencies:
|
||||
'@vue/runtime-core': 3.3.4
|
||||
'@vue/shared': 3.3.4
|
||||
csstype: 3.1.2
|
||||
|
||||
/@vue/server-renderer@3.3.4(vue@3.3.4):
|
||||
resolution: {integrity: sha512-Q6jDDzR23ViIb67v+vM1Dqntu+HUexQcsWKhhQa4ARVzxOY2HbC7QRW/ggkDBd5BU+uM1sV6XOAP0b216o34JQ==}
|
||||
peerDependencies:
|
||||
vue: 3.3.4
|
||||
dependencies:
|
||||
'@vue/compiler-ssr': 3.3.4
|
||||
'@vue/shared': 3.3.4
|
||||
vue: 3.3.4
|
||||
|
||||
/@vue/shared@3.3.4:
|
||||
resolution: {integrity: sha512-7OjdcV8vQ74eiz1TZLzZP4JwqM5fA94K6yntPS5Z25r9HDuGNzaGdgvwKYq6S+MxwF0TFRwe50fIR/MYnakdkQ==}
|
||||
|
||||
/acorn@8.10.0:
|
||||
resolution: {integrity: sha512-F0SAmZ8iUtS//m8DmCTA0jlh6TDKkHQyK6xc6V4KDTyZKA9dnvX9/3sRTVQrWm79glUAZbnmmNcdYwUIHWVybw==}
|
||||
engines: {node: '>=0.4.0'}
|
||||
hasBin: true
|
||||
dev: true
|
||||
|
||||
/anymatch@3.1.3:
|
||||
resolution: {integrity: sha512-KMReFUr0B4t+D+OBkjR3KYqvocp2XaSzO55UcB6mgQMd3KbcE+mWTyvVV7D/zsdEbNnV6acZUutkiHQXvTr1Rw==}
|
||||
engines: {node: '>= 8'}
|
||||
dependencies:
|
||||
normalize-path: 3.0.0
|
||||
picomatch: 2.3.1
|
||||
|
||||
/asynckit@0.4.0:
|
||||
resolution: {integrity: sha512-Oei9OH4tRh0YqU3GxhX79dM/mwVgvbZJaSNaRk+bshkj0S5cfHcgYakreBjrHwatXKbz+IoIdYLxrKim2MjW0Q==}
|
||||
dev: false
|
||||
|
||||
/axios-jsonp@1.0.4:
|
||||
resolution: {integrity: sha512-KI5Fc4ery6DR+oneXG09hPZfGuNUW8Lblhe750h53Z0Eh5MRsrHn49YitDU4RsMk0HV+12zcvL2Q51QkOLGdIQ==}
|
||||
dev: false
|
||||
|
||||
/axios@1.4.0:
|
||||
resolution: {integrity: sha512-S4XCWMEmzvo64T9GfvQDOXgYRDJ/wsSZc7Jvdgx5u1sd0JwsuPLqb3SYmusag+edF6ziyMensPVqLTSc1PiSEA==}
|
||||
dependencies:
|
||||
follow-redirects: 1.15.2
|
||||
form-data: 4.0.0
|
||||
proxy-from-env: 1.1.0
|
||||
transitivePeerDependencies:
|
||||
- debug
|
||||
dev: false
|
||||
|
||||
/binary-extensions@2.2.0:
|
||||
resolution: {integrity: sha512-jDctJ/IVQbZoJykoeHbhXpOlNBqGNcwXJKJog42E5HDPUwQTSdjCHdihjj0DlnheQ7blbT6dHOafNAiS8ooQKA==}
|
||||
engines: {node: '>=8'}
|
||||
|
||||
/braces@3.0.2:
|
||||
resolution: {integrity: sha512-b8um+L1RzM3WDSzvhm6gIz1yfTbBt6YTlcEKAvsmqCZZFw46z626lVj9j1yEPW33H5H+lBQpZMP1k8l+78Ha0A==}
|
||||
engines: {node: '>=8'}
|
||||
dependencies:
|
||||
fill-range: 7.0.1
|
||||
|
||||
/buffer-from@1.1.2:
|
||||
resolution: {integrity: sha512-E+XQCRwSbaaiChtv6k6Dwgc+bx+Bs6vuKJHHl5kox/BaKbhiXzqQOwK4cO22yElGp2OCmjwVhT3HmxgyPGnJfQ==}
|
||||
dev: true
|
||||
|
||||
/chokidar@3.5.3:
|
||||
resolution: {integrity: sha512-Dr3sfKRP6oTcjf2JmUmFJfeVMvXBdegxB0iVQ5eb2V10uFJUCAS8OByZdVAyVb8xXNz3GjjTgj9kLWsZTqE6kw==}
|
||||
engines: {node: '>= 8.10.0'}
|
||||
dependencies:
|
||||
anymatch: 3.1.3
|
||||
braces: 3.0.2
|
||||
glob-parent: 5.1.2
|
||||
is-binary-path: 2.1.0
|
||||
is-glob: 4.0.3
|
||||
normalize-path: 3.0.0
|
||||
readdirp: 3.6.0
|
||||
optionalDependencies:
|
||||
fsevents: 2.3.2
|
||||
|
||||
/combined-stream@1.0.8:
|
||||
resolution: {integrity: sha512-FQN4MRfuJeHf7cBbBMJFXhKSDq+2kAArBlmRBvcvFE5BB1HZKXtSFASDhdlz9zOYwxh8lDdnvmMOe/+5cdoEdg==}
|
||||
engines: {node: '>= 0.8'}
|
||||
dependencies:
|
||||
delayed-stream: 1.0.0
|
||||
dev: false
|
||||
|
||||
/commander@2.20.3:
|
||||
resolution: {integrity: sha512-GpVkmM8vF2vQUkj2LvZmD35JxeJOLCwJ9cUkugyk2nuhbv3+mJvpLYYt+0+USMxE+oj+ey/lJEnhZw75x/OMcQ==}
|
||||
dev: true
|
||||
|
||||
/csstype@3.1.2:
|
||||
resolution: {integrity: sha512-I7K1Uu0MBPzaFKg4nI5Q7Vs2t+3gWWW648spaF+Rg7pI9ds18Ugn+lvg4SHczUdKlHI5LWBXyqfS8+DufyBsgQ==}
|
||||
|
||||
/delayed-stream@1.0.0:
|
||||
resolution: {integrity: sha512-ZySD7Nf91aLB0RxL4KGrKHBXl7Eds1DAmEdcoVawXnLD7SDhpNgtuII2aAkg7a7QS41jxPSZ17p4VdGnMHk3MQ==}
|
||||
engines: {node: '>=0.4.0'}
|
||||
dev: false
|
||||
|
||||
/esbuild@0.18.16:
|
||||
resolution: {integrity: sha512-1xLsOXrDqwdHxyXb/x/SOyg59jpf/SH7YMvU5RNSU7z3TInaASNJWNFJ6iRvLvLETZMasF3d1DdZLg7sgRimRQ==}
|
||||
engines: {node: '>=12'}
|
||||
hasBin: true
|
||||
requiresBuild: true
|
||||
optionalDependencies:
|
||||
'@esbuild/android-arm': 0.18.16
|
||||
'@esbuild/android-arm64': 0.18.16
|
||||
'@esbuild/android-x64': 0.18.16
|
||||
'@esbuild/darwin-arm64': 0.18.16
|
||||
'@esbuild/darwin-x64': 0.18.16
|
||||
'@esbuild/freebsd-arm64': 0.18.16
|
||||
'@esbuild/freebsd-x64': 0.18.16
|
||||
'@esbuild/linux-arm': 0.18.16
|
||||
'@esbuild/linux-arm64': 0.18.16
|
||||
'@esbuild/linux-ia32': 0.18.16
|
||||
'@esbuild/linux-loong64': 0.18.16
|
||||
'@esbuild/linux-mips64el': 0.18.16
|
||||
'@esbuild/linux-ppc64': 0.18.16
|
||||
'@esbuild/linux-riscv64': 0.18.16
|
||||
'@esbuild/linux-s390x': 0.18.16
|
||||
'@esbuild/linux-x64': 0.18.16
|
||||
'@esbuild/netbsd-x64': 0.18.16
|
||||
'@esbuild/openbsd-x64': 0.18.16
|
||||
'@esbuild/sunos-x64': 0.18.16
|
||||
'@esbuild/win32-arm64': 0.18.16
|
||||
'@esbuild/win32-ia32': 0.18.16
|
||||
'@esbuild/win32-x64': 0.18.16
|
||||
dev: true
|
||||
|
||||
/estree-walker@2.0.2:
|
||||
resolution: {integrity: sha512-Rfkk/Mp/DL7JVje3u18FxFujQlTNR2q6QfMSMB7AvCBx91NGj/ba3kCfza0f6dVDbw7YlRf/nDrn7pQrCCyQ/w==}
|
||||
|
||||
/fill-range@7.0.1:
|
||||
resolution: {integrity: sha512-qOo9F+dMUmC2Lcb4BbVvnKJxTPjCm+RRpe4gDuGrzkL7mEVl/djYSu2OdQ2Pa302N4oqkSg9ir6jaLWJ2USVpQ==}
|
||||
engines: {node: '>=8'}
|
||||
dependencies:
|
||||
to-regex-range: 5.0.1
|
||||
|
||||
/follow-redirects@1.15.2:
|
||||
resolution: {integrity: sha512-VQLG33o04KaQ8uYi2tVNbdrWp1QWxNNea+nmIB4EVM28v0hmP17z7aG1+wAkNzVq4KeXTq3221ye5qTJP91JwA==}
|
||||
engines: {node: '>=4.0'}
|
||||
peerDependencies:
|
||||
debug: '*'
|
||||
peerDependenciesMeta:
|
||||
debug:
|
||||
optional: true
|
||||
dev: false
|
||||
|
||||
/form-data@4.0.0:
|
||||
resolution: {integrity: sha512-ETEklSGi5t0QMZuiXoA/Q6vcnxcLQP5vdugSpuAyi6SVGi2clPPp+xgEhuMaHC+zGgn31Kd235W35f7Hykkaww==}
|
||||
engines: {node: '>= 6'}
|
||||
dependencies:
|
||||
asynckit: 0.4.0
|
||||
combined-stream: 1.0.8
|
||||
mime-types: 2.1.35
|
||||
dev: false
|
||||
|
||||
/fsevents@2.3.2:
|
||||
resolution: {integrity: sha512-xiqMQR4xAeHTuB9uWm+fFRcIOgKBMiOBP+eXiyT7jsgVCq1bkVygt00oASowB7EdtpOHaaPgKt812P9ab+DDKA==}
|
||||
engines: {node: ^8.16.0 || ^10.6.0 || >=11.0.0}
|
||||
os: [darwin]
|
||||
requiresBuild: true
|
||||
optional: true
|
||||
|
||||
/glob-parent@5.1.2:
|
||||
resolution: {integrity: sha512-AOIgSQCepiJYwP3ARnGx+5VnTu2HBYdzbGP45eLw1vr3zB3vZLeyed1sC9hnbcOc9/SrMyM5RPQrkGz4aS9Zow==}
|
||||
engines: {node: '>= 6'}
|
||||
dependencies:
|
||||
is-glob: 4.0.3
|
||||
|
||||
/immutable@4.3.1:
|
||||
resolution: {integrity: sha512-lj9cnmB/kVS0QHsJnYKD1uo3o39nrbKxszjnqS9Fr6NB7bZzW45U6WSGBPKXDL/CvDKqDNPA4r3DoDQ8GTxo2A==}
|
||||
|
||||
/is-binary-path@2.1.0:
|
||||
resolution: {integrity: sha512-ZMERYes6pDydyuGidse7OsHxtbI7WVeUEozgR/g7rd0xUimYNlvZRE/K2MgZTjWy725IfelLeVcEM97mmtRGXw==}
|
||||
engines: {node: '>=8'}
|
||||
dependencies:
|
||||
binary-extensions: 2.2.0
|
||||
|
||||
/is-extglob@2.1.1:
|
||||
resolution: {integrity: sha512-SbKbANkN603Vi4jEZv49LeVJMn4yGwsbzZworEoyEiutsN3nJYdbO36zfhGJ6QEDpOZIFkDtnq5JRxmvl3jsoQ==}
|
||||
engines: {node: '>=0.10.0'}
|
||||
|
||||
/is-glob@4.0.3:
|
||||
resolution: {integrity: sha512-xelSayHH36ZgE7ZWhli7pW34hNbNl8Ojv5KVmkJD4hBdD3th8Tfk9vYasLM+mXWOZhFkgZfxhLSnrwRr4elSSg==}
|
||||
engines: {node: '>=0.10.0'}
|
||||
dependencies:
|
||||
is-extglob: 2.1.1
|
||||
|
||||
/is-number@7.0.0:
|
||||
resolution: {integrity: sha512-41Cifkg6e8TylSpdtTpeLVMqvSBEVzTttHvERD741+pnZ8ANv0004MRL43QKPDlK9cGvNp6NZWZUBlbGXYxxng==}
|
||||
engines: {node: '>=0.12.0'}
|
||||
|
||||
/magic-string@0.30.1:
|
||||
resolution: {integrity: sha512-mbVKXPmS0z0G4XqFDCTllmDQ6coZzn94aMlb0o/A4HEHJCKcanlDZwYJgwnkmgD3jyWhUgj9VsPrfd972yPffA==}
|
||||
engines: {node: '>=12'}
|
||||
dependencies:
|
||||
'@jridgewell/sourcemap-codec': 1.4.15
|
||||
|
||||
/mime-db@1.52.0:
|
||||
resolution: {integrity: sha512-sPU4uV7dYlvtWJxwwxHD0PuihVNiE7TyAbQ5SWxDCB9mUYvOgroQOwYQQOKPJ8CIbE+1ETVlOoK1UC2nU3gYvg==}
|
||||
engines: {node: '>= 0.6'}
|
||||
dev: false
|
||||
|
||||
/mime-types@2.1.35:
|
||||
resolution: {integrity: sha512-ZDY+bPm5zTTF+YpCrAU9nK0UgICYPT0QtT1NZWFv4s++TNkcgVaT0g6+4R2uI4MjQjzysHB1zxuWL50hzaeXiw==}
|
||||
engines: {node: '>= 0.6'}
|
||||
dependencies:
|
||||
mime-db: 1.52.0
|
||||
dev: false
|
||||
|
||||
/nanoid@3.3.6:
|
||||
resolution: {integrity: sha512-BGcqMMJuToF7i1rt+2PWSNVnWIkGCU78jBG3RxO/bZlnZPK2Cmi2QaffxGO/2RvWi9sL+FAiRiXMgsyxQ1DIDA==}
|
||||
engines: {node: ^10 || ^12 || ^13.7 || ^14 || >=15.0.1}
|
||||
hasBin: true
|
||||
|
||||
/normalize-path@3.0.0:
|
||||
resolution: {integrity: sha512-6eZs5Ls3WtCisHWp9S2GUy8dqkpGi4BVSz3GaqiE6ezub0512ESztXUwUB6C6IKbQkY2Pnb/mD4WYojCRwcwLA==}
|
||||
engines: {node: '>=0.10.0'}
|
||||
|
||||
/picocolors@1.0.0:
|
||||
resolution: {integrity: sha512-1fygroTLlHu66zi26VoTDv8yRgm0Fccecssto+MhsZ0D/DGW2sm8E8AjW7NU5VVTRt5GxbeZ5qBuJr+HyLYkjQ==}
|
||||
|
||||
/picomatch@2.3.1:
|
||||
resolution: {integrity: sha512-JU3teHTNjmE2VCGFzuY8EXzCDVwEqB2a8fsIvwaStHhAWJEeVd1o1QD80CU6+ZdEXXSLbSsuLwJjkCBWqRQUVA==}
|
||||
engines: {node: '>=8.6'}
|
||||
|
||||
/pinia-plugin-persistedstate@3.2.0(pinia@2.1.4):
|
||||
resolution: {integrity: sha512-tZbNGf2vjAQcIm7alK40sE51Qu/m9oWr+rEgNm/2AWr1huFxj72CjvpQcIQzMknDBJEkQznCLAGtJTIcLKrKdw==}
|
||||
peerDependencies:
|
||||
pinia: ^2.0.0
|
||||
dependencies:
|
||||
pinia: 2.1.4(vue@3.3.4)
|
||||
dev: false
|
||||
|
||||
/pinia@2.1.4(vue@3.3.4):
|
||||
resolution: {integrity: sha512-vYlnDu+Y/FXxv1ABo1vhjC+IbqvzUdiUC3sfDRrRyY2CQSrqqaa+iiHmqtARFxJVqWQMCJfXx1PBvFs9aJVLXQ==}
|
||||
peerDependencies:
|
||||
'@vue/composition-api': ^1.4.0
|
||||
typescript: '>=4.4.4'
|
||||
vue: ^2.6.14 || ^3.3.0
|
||||
peerDependenciesMeta:
|
||||
'@vue/composition-api':
|
||||
optional: true
|
||||
typescript:
|
||||
optional: true
|
||||
dependencies:
|
||||
'@vue/devtools-api': 6.5.0
|
||||
vue: 3.3.4
|
||||
vue-demi: 0.14.5(vue@3.3.4)
|
||||
dev: false
|
||||
|
||||
/postcss@8.4.27:
|
||||
resolution: {integrity: sha512-gY/ACJtJPSmUFPDCHtX78+01fHa64FaU4zaaWfuh1MhGJISufJAH4cun6k/8fwsHYeK4UQmENQK+tRLCFJE8JQ==}
|
||||
engines: {node: ^10 || ^12 || >=14}
|
||||
dependencies:
|
||||
nanoid: 3.3.6
|
||||
picocolors: 1.0.0
|
||||
source-map-js: 1.0.2
|
||||
|
||||
/proxy-from-env@1.1.0:
|
||||
resolution: {integrity: sha512-D+zkORCbA9f1tdWRK0RaCR3GPv50cMxcrz4X8k5LTSUD1Dkw47mKJEZQNunItRTkWwgtaUSo1RVFRIG9ZXiFYg==}
|
||||
dev: false
|
||||
|
||||
/readdirp@3.6.0:
|
||||
resolution: {integrity: sha512-hOS089on8RduqdbhvQ5Z37A0ESjsqz6qnRcffsMU3495FuTdqSm+7bhJ29JvIOsBDEEnan5DPu9t3To9VRlMzA==}
|
||||
engines: {node: '>=8.10.0'}
|
||||
dependencies:
|
||||
picomatch: 2.3.1
|
||||
|
||||
/rollup@3.26.3:
|
||||
resolution: {integrity: sha512-7Tin0C8l86TkpcMtXvQu6saWH93nhG3dGQ1/+l5V2TDMceTxO7kDiK6GzbfLWNNxqJXm591PcEZUozZm51ogwQ==}
|
||||
engines: {node: '>=14.18.0', npm: '>=8.0.0'}
|
||||
hasBin: true
|
||||
optionalDependencies:
|
||||
fsevents: 2.3.2
|
||||
dev: true
|
||||
|
||||
/sass@1.64.1:
|
||||
resolution: {integrity: sha512-16rRACSOFEE8VN7SCgBu1MpYCyN7urj9At898tyzdXFhC+a+yOX5dXwAR7L8/IdPJ1NB8OYoXmD55DM30B2kEQ==}
|
||||
engines: {node: '>=14.0.0'}
|
||||
hasBin: true
|
||||
dependencies:
|
||||
chokidar: 3.5.3
|
||||
immutable: 4.3.1
|
||||
source-map-js: 1.0.2
|
||||
|
||||
/source-map-js@1.0.2:
|
||||
resolution: {integrity: sha512-R0XvVJ9WusLiqTCEiGCmICCMplcCkIwwR11mOSD9CR5u+IXYdiseeEuXCVAjS54zqwkLcPNnmU4OeJ6tUrWhDw==}
|
||||
engines: {node: '>=0.10.0'}
|
||||
|
||||
/source-map-support@0.5.21:
|
||||
resolution: {integrity: sha512-uBHU3L3czsIyYXKX88fdrGovxdSCoTGDRZ6SYXtSRxLZUzHg5P/66Ht6uoUlHu9EZod+inXhKo3qQgwXUT/y1w==}
|
||||
dependencies:
|
||||
buffer-from: 1.1.2
|
||||
source-map: 0.6.1
|
||||
dev: true
|
||||
|
||||
/source-map@0.6.1:
|
||||
resolution: {integrity: sha512-UjgapumWlbMhkBgzT7Ykc5YXUT46F0iKu8SGXq0bcwP5dz/h0Plj6enJqjz1Zbq2l5WaqYnrVbwWOWMyF3F47g==}
|
||||
engines: {node: '>=0.10.0'}
|
||||
dev: true
|
||||
|
||||
/terser@5.19.2:
|
||||
resolution: {integrity: sha512-qC5+dmecKJA4cpYxRa5aVkKehYsQKc+AHeKl0Oe62aYjBL8ZA33tTljktDHJSaxxMnbI5ZYw+o/S2DxxLu8OfA==}
|
||||
engines: {node: '>=10'}
|
||||
hasBin: true
|
||||
dependencies:
|
||||
'@jridgewell/source-map': 0.3.5
|
||||
acorn: 8.10.0
|
||||
commander: 2.20.3
|
||||
source-map-support: 0.5.21
|
||||
dev: true
|
||||
|
||||
/to-fast-properties@2.0.0:
|
||||
resolution: {integrity: sha512-/OaKK0xYrs3DmxRYqL/yDc+FxFUVYhDlXMhRmv3z915w2HF1tnN1omB354j8VUGO/hbRzyD6Y3sA7v7GS/ceog==}
|
||||
engines: {node: '>=4'}
|
||||
|
||||
/to-regex-range@5.0.1:
|
||||
resolution: {integrity: sha512-65P7iz6X5yEr1cwcgvQxbbIw7Uk3gOy5dIdtZ4rDveLqhrdJP+Li/Hx6tyK0NEb+2GCyneCMJiGqrADCSNk8sQ==}
|
||||
engines: {node: '>=8.0'}
|
||||
dependencies:
|
||||
is-number: 7.0.0
|
||||
|
||||
/vite@4.4.6(sass@1.64.1)(terser@5.19.2):
|
||||
resolution: {integrity: sha512-EY6Mm8vJ++S3D4tNAckaZfw3JwG3wa794Vt70M6cNJ6NxT87yhq7EC8Rcap3ahyHdo8AhCmV9PTk+vG1HiYn1A==}
|
||||
engines: {node: ^14.18.0 || >=16.0.0}
|
||||
hasBin: true
|
||||
peerDependencies:
|
||||
'@types/node': '>= 14'
|
||||
less: '*'
|
||||
lightningcss: ^1.21.0
|
||||
sass: '*'
|
||||
stylus: '*'
|
||||
sugarss: '*'
|
||||
terser: ^5.4.0
|
||||
peerDependenciesMeta:
|
||||
'@types/node':
|
||||
optional: true
|
||||
less:
|
||||
optional: true
|
||||
lightningcss:
|
||||
optional: true
|
||||
sass:
|
||||
optional: true
|
||||
stylus:
|
||||
optional: true
|
||||
sugarss:
|
||||
optional: true
|
||||
terser:
|
||||
optional: true
|
||||
dependencies:
|
||||
esbuild: 0.18.16
|
||||
postcss: 8.4.27
|
||||
rollup: 3.26.3
|
||||
sass: 1.64.1
|
||||
terser: 5.19.2
|
||||
optionalDependencies:
|
||||
fsevents: 2.3.2
|
||||
dev: true
|
||||
|
||||
/vue-demi@0.14.5(vue@3.3.4):
|
||||
resolution: {integrity: sha512-o9NUVpl/YlsGJ7t+xuqJKx8EBGf1quRhCiT6D/J0pfwmk9zUwYkC7yrF4SZCe6fETvSM3UNL2edcbYrSyc4QHA==}
|
||||
engines: {node: '>=12'}
|
||||
hasBin: true
|
||||
requiresBuild: true
|
||||
peerDependencies:
|
||||
'@vue/composition-api': ^1.0.0-rc.1
|
||||
vue: ^3.0.0-0 || ^2.6.0
|
||||
peerDependenciesMeta:
|
||||
'@vue/composition-api':
|
||||
optional: true
|
||||
dependencies:
|
||||
vue: 3.3.4
|
||||
dev: false
|
||||
|
||||
/vue@3.3.4:
|
||||
resolution: {integrity: sha512-VTyEYn3yvIeY1Py0WaYGZsXnz3y5UnGi62GjVEqvEGPl6nxbOrCXbVOTQWBEJUqAyTUk2uJ5JLVnYJ6ZzGbrSw==}
|
||||
dependencies:
|
||||
'@vue/compiler-dom': 3.3.4
|
||||
'@vue/compiler-sfc': 3.3.4
|
||||
'@vue/runtime-dom': 3.3.4
|
||||
'@vue/server-renderer': 3.3.4(vue@3.3.4)
|
||||
'@vue/shared': 3.3.4
|
||||
BIN
public/background/bg1.jpg
Normal file
BIN
public/background/bg1.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 78 KiB |
BIN
public/background/bg2.jpg
Normal file
BIN
public/background/bg2.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 206 KiB |
BIN
public/background/bg3.jpg
Normal file
BIN
public/background/bg3.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 254 KiB |
|
Before Width: | Height: | Size: 1.9 KiB After Width: | Height: | Size: 1.9 KiB |
|
Before Width: | Height: | Size: 4.3 KiB After Width: | Height: | Size: 4.3 KiB |
56
src/App.vue
Normal file
56
src/App.vue
Normal file
@ -0,0 +1,56 @@
|
||||
<template>
|
||||
<Cover />
|
||||
<Transition name="fade" mode="out-in">
|
||||
<main v-if="status.imgLoadStatus" id="main" @click="mainClick">
|
||||
<WeatherTime />
|
||||
<SearchInp />
|
||||
<Footer />
|
||||
</main>
|
||||
<div v-else id="loading">
|
||||
<img src="/icon/logo.png" alt="logo" class="logo" />
|
||||
<span class="tip">开发中</span>
|
||||
</div>
|
||||
</Transition>
|
||||
</template>
|
||||
|
||||
<script setup>
|
||||
import { statusStore } from "@/stores";
|
||||
import Cover from "@/components/Cover.vue";
|
||||
import WeatherTime from "@/components/WeatherTime.vue";
|
||||
import SearchInp from "@/components/SearchInp.vue";
|
||||
import Footer from "@/components/Footer.vue";
|
||||
|
||||
const status = statusStore();
|
||||
|
||||
// 全局点击
|
||||
const mainClick = () => {
|
||||
status.setSiteStatus("normal");
|
||||
};
|
||||
</script>
|
||||
|
||||
<style lang="scss" scoped>
|
||||
#main,
|
||||
#loading {
|
||||
position: absolute;
|
||||
top: 0;
|
||||
left: 0;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
}
|
||||
#loading {
|
||||
color: var(--main-text-color);
|
||||
.logo {
|
||||
width: 100px;
|
||||
height: 100px;
|
||||
margin-bottom: 24px;
|
||||
animation: logo-breathe 3s infinite alternate;
|
||||
}
|
||||
.tip {
|
||||
font-size: 20px;
|
||||
}
|
||||
}
|
||||
</style>
|
||||
32
src/api/index.js
Normal file
32
src/api/index.js
Normal file
@ -0,0 +1,32 @@
|
||||
import axios from "@/utils/request";
|
||||
import jsonpAdapter from "axios-jsonp";
|
||||
|
||||
/**
|
||||
* 获取天气
|
||||
* https://api.oioweb.cn/doc/weather/GetWeather
|
||||
*/
|
||||
export const getWeather = () => {
|
||||
return axios({
|
||||
method: "GET",
|
||||
url: "https://api.oioweb.cn/api/weather/GetWeather",
|
||||
});
|
||||
};
|
||||
|
||||
/**
|
||||
* 获取搜索建议
|
||||
* https://suggestion.baidu.com
|
||||
* @param {String} keyWord - 搜索关键字
|
||||
*/
|
||||
export const getSearchSuggestions = async (keyWord) => {
|
||||
try {
|
||||
const response = await axios({
|
||||
url: `https://suggestion.baidu.com/su?wd=${keyWord}&cb=json`,
|
||||
adapter: jsonpAdapter,
|
||||
callbackParamName: "cb",
|
||||
});
|
||||
return response.s;
|
||||
} catch (error) {
|
||||
console.error("处理搜索建议发生错误：", error);
|
||||
return null;
|
||||
}
|
||||
};
|
||||
111
src/components/Cover.vue
Normal file
111
src/components/Cover.vue
Normal file
@ -0,0 +1,111 @@
|
||||
<template>
|
||||
<div :class="status.siteStatus !== 'normal' ? 'cover focus' : 'cover'">
|
||||
<img
|
||||
v-show="status.imgLoadStatus"
|
||||
class="background"
|
||||
alt="background"
|
||||
:src="bgUrl"
|
||||
@load="imgLoadComplete"
|
||||
@error.once="imgLoadError"
|
||||
/>
|
||||
<Transition name="fade">
|
||||
<div v-if="set.showBackgroundGray" class="gray" />
|
||||
</Transition>
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<script setup>
|
||||
import { ref, onMounted, onBeforeUnmount } from "vue";
|
||||
import { statusStore, setStore } from "@/stores";
|
||||
|
||||
const set = setStore();
|
||||
const status = statusStore();
|
||||
const bgUrl = ref(null);
|
||||
const imgTimeout = ref(null);
|
||||
|
||||
// 壁纸随机数
|
||||
// 请依据文件夹内的图片个数修改 Math.random() 后面的第一个数字
|
||||
const bgRandom = Math.floor(Math.random() * 3 + 1);
|
||||
|
||||
// 赋值壁纸
|
||||
const setBgUrl = () => {
|
||||
const { backgroundType } = set;
|
||||
switch (backgroundType) {
|
||||
case 0:
|
||||
bgUrl.value = `/background/bg${bgRandom}.jpg`;
|
||||
break;
|
||||
case 1:
|
||||
const isMobile = window.innerWidth < 768;
|
||||
bgUrl.value = `https://api.dujin.org/bing/${isMobile ? "m" : "1920"}.php`;
|
||||
break;
|
||||
case 2:
|
||||
bgUrl.value = "https://api.aixiaowai.cn/gqapi/gqapi.php";
|
||||
break;
|
||||
case 3:
|
||||
bgUrl.value = "https://api.aixiaowai.cn/api/api.php";
|
||||
break;
|
||||
default:
|
||||
break;
|
||||
}
|
||||
};
|
||||
|
||||
// 图片加载完成
|
||||
const imgLoadComplete = () => {
|
||||
imgTimeout.value = setTimeout(() => {
|
||||
status.setImgLoadStatus(true);
|
||||
console.log("壁纸加载完成");
|
||||
}, 500);
|
||||
};
|
||||
|
||||
// 图片显示失败
|
||||
const imgLoadError = () => {
|
||||
console.error("图片加载失败：", bgUrl.value);
|
||||
bgUrl.value = `/background/bg${bgRandom}.jpg`;
|
||||
};
|
||||
|
||||
onMounted(() => {
|
||||
setBgUrl();
|
||||
});
|
||||
|
||||
onBeforeUnmount(() => {
|
||||
clearTimeout(imgTimeout.value);
|
||||
});
|
||||
</script>
|
||||
|
||||
<style lang="scss" scoped>
|
||||
.cover {
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
position: relative;
|
||||
background-color: var(--body-background-color);
|
||||
&.focus {
|
||||
.background {
|
||||
filter: blur(10px) brightness(0.8);
|
||||
transform: scale(1.1);
|
||||
}
|
||||
}
|
||||
.background {
|
||||
position: absolute;
|
||||
left: 0;
|
||||
top: 0;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
object-fit: cover;
|
||||
backface-visibility: hidden;
|
||||
transition: filter 0.3s, transform 0.3s;
|
||||
animation: fade-blur-in 1s cubic-bezier(0.25, 0.46, 0.45, 0.94);
|
||||
}
|
||||
.gray {
|
||||
position: absolute;
|
||||
left: 0;
|
||||
top: 0;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
background-image: radial-gradient(
|
||||
rgba(0, 0, 0, 0) 0,
|
||||
rgba(0, 0, 0, 0.5) 100%
|
||||
),
|
||||
radial-gradient(rgba(0, 0, 0, 0) 33%, rgba(0, 0, 0, 0.3) 166%);
|
||||
}
|
||||
}
|
||||
</style>
|
||||
17
src/components/Footer.vue
Normal file
17
src/components/Footer.vue
Normal file
@ -0,0 +1,17 @@
|
||||
<template>
|
||||
<footer id="footer">114514</footer>
|
||||
</template>
|
||||
|
||||
<style lang="scss" scoped>
|
||||
#footer {
|
||||
position: absolute;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
bottom: 0;
|
||||
height: 60px;
|
||||
width: 100%;
|
||||
font-size: 14px;
|
||||
color: var(--main-text-color);
|
||||
}
|
||||
</style>
|
||||
189
src/components/SearchInp.vue
Normal file
189
src/components/SearchInp.vue
Normal file
@ -0,0 +1,189 @@
|
||||
<template>
|
||||
<div class="search-input" @click.stop>
|
||||
<div
|
||||
v-if="status.siteStatus === 'focus'"
|
||||
class="mask"
|
||||
@click="closeSearchInput"
|
||||
/>
|
||||
<div
|
||||
:class="status.siteStatus === 'focus' ? 'all focus' : 'all'"
|
||||
:style="{ pointerEvents: inputClickable ? 'none' : 'auto' }"
|
||||
ref="searchAllRef"
|
||||
>
|
||||
<div class="engine" title="切换搜索引擎">
|
||||
<SvgIcon iconName="icon-baidu" className="baidu" />
|
||||
</div>
|
||||
<input
|
||||
class="input"
|
||||
ref="searchInputRef"
|
||||
type="text"
|
||||
label="search"
|
||||
title="请输入搜索内容"
|
||||
:placeholder="inputTip"
|
||||
v-model="inputValue"
|
||||
@focus="status.setSiteStatus('focus')"
|
||||
@keydown="pressKeyboard"
|
||||
/>
|
||||
<div class="go" title="搜索" @click="toSearch">
|
||||
<SvgIcon iconName="icon-search" className="search" />
|
||||
</div>
|
||||
</div>
|
||||
<!-- 搜索建议 -->
|
||||
<SearchSuggestions ref="searchSuggestionsRef" :keyWord="inputValue" />
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<script setup>
|
||||
import { ref, onMounted } from "vue";
|
||||
import { statusStore, setStore } from "@/stores";
|
||||
import SearchSuggestions from "@/components/SearchSuggestions.vue";
|
||||
|
||||
const set = setStore();
|
||||
const status = statusStore();
|
||||
|
||||
// 搜索框配置
|
||||
const inputTip = import.meta.env.VITE_INPUT_TIP ?? "想要搜点什么";
|
||||
|
||||
// 搜索框数据
|
||||
const searchAllRef = ref(null);
|
||||
const searchInputRef = ref(null);
|
||||
const inputClickable = ref(true);
|
||||
const inputValue = ref("");
|
||||
|
||||
// 搜索建议子组件
|
||||
const searchSuggestionsRef = ref(null);
|
||||
|
||||
// 关闭搜索框
|
||||
const closeSearchInput = () => {
|
||||
status.setSiteStatus("normal");
|
||||
inputValue.value = "";
|
||||
};
|
||||
|
||||
// 前往搜索
|
||||
const toSearch = () => {
|
||||
const keywords = inputValue.value?.trim();
|
||||
if (keywords) {
|
||||
console.log("前往搜索：" + keywords);
|
||||
} else {
|
||||
status.setSiteStatus("focus");
|
||||
searchInputRef.value?.focus();
|
||||
}
|
||||
};
|
||||
|
||||
// 搜索框 Dom 操作
|
||||
const searchInputDom = (dom) => {
|
||||
if (!dom) return false;
|
||||
dom.addEventListener("animationstart", () => {
|
||||
console.log("动画开始");
|
||||
inputClickable.value = true;
|
||||
});
|
||||
dom.addEventListener("animationend", () => {
|
||||
console.log("动画结束");
|
||||
inputClickable.value = false;
|
||||
// 自动 focus
|
||||
if (set.autoFocus) {
|
||||
status.setSiteStatus("focus");
|
||||
searchInputRef.value?.focus();
|
||||
}
|
||||
});
|
||||
};
|
||||
|
||||
// 键盘事件
|
||||
const pressKeyboard = (event) => {
|
||||
// 获取键的键码
|
||||
const keyCode = event.keyCode;
|
||||
// 13 回车
|
||||
if (keyCode === 13) toSearch();
|
||||
// 子组件事件
|
||||
searchSuggestionsRef.value?.keyboardEvents(keyCode);
|
||||
};
|
||||
|
||||
onMounted(() => {
|
||||
searchInputDom(searchAllRef.value);
|
||||
});
|
||||
</script>
|
||||
|
||||
<style lang="scss" scoped>
|
||||
.search-input {
|
||||
position: relative;
|
||||
display: flex;
|
||||
flex-direction: row;
|
||||
align-items: center;
|
||||
max-width: 680px;
|
||||
width: calc(100% - 60px);
|
||||
.mask {
|
||||
position: fixed;
|
||||
top: 0;
|
||||
left: 0;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
z-index: 0;
|
||||
}
|
||||
.all {
|
||||
display: flex;
|
||||
flex-direction: row;
|
||||
align-items: center;
|
||||
justify-content: space-between;
|
||||
height: 42px;
|
||||
width: 100%;
|
||||
border-radius: 30px;
|
||||
color: var(--main-text-color);
|
||||
background-color: var(--main-background-color);
|
||||
backdrop-filter: blur(10px);
|
||||
opacity: 1;
|
||||
animation: fade-up-in 0.7s cubic-bezier(0.37, 0.99, 0.36, 1);
|
||||
transition: transform 0.3s, background-color 0.3s;
|
||||
z-index: 1;
|
||||
&.focus {
|
||||
transform: translateY(-50px);
|
||||
background-color: var(--main-background-hover-color);
|
||||
.input {
|
||||
color: var(--main-text-hover-color);
|
||||
&::placeholder {
|
||||
opacity: 0;
|
||||
}
|
||||
}
|
||||
.engine,
|
||||
.go,
|
||||
.delete {
|
||||
color: var(--main-text-hover-color);
|
||||
}
|
||||
}
|
||||
.input {
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
height: 100%;
|
||||
width: 100%;
|
||||
padding: 0;
|
||||
margin: 0;
|
||||
border: none;
|
||||
outline: none;
|
||||
background: none;
|
||||
font-size: 16px;
|
||||
color: var(--main-text-color);
|
||||
&::placeholder {
|
||||
text-align: center;
|
||||
transform: translateY(1px);
|
||||
color: var(--main-text-color);
|
||||
letter-spacing: 2px;
|
||||
transition: opacity 0.3s;
|
||||
}
|
||||
}
|
||||
.engine,
|
||||
.go {
|
||||
cursor: pointer;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
height: 100%;
|
||||
width: 64px;
|
||||
font-size: 20px;
|
||||
border-radius: 30px;
|
||||
transition: background-color 0.3s;
|
||||
&:hover {
|
||||
background-color: var(--main-background-color);
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
</style>
|
||||
164
src/components/SearchSuggestions.vue
Normal file
164
src/components/SearchSuggestions.vue
Normal file
@ -0,0 +1,164 @@
|
||||
<template>
|
||||
<Transition name="fadeUp">
|
||||
<div
|
||||
v-show="
|
||||
set.showSuggestions &&
|
||||
status.siteStatus === 'focus' &&
|
||||
searchKeyword !== null
|
||||
"
|
||||
class="search-suggestions"
|
||||
>
|
||||
<Transition name="fade" mode="out-in">
|
||||
<div
|
||||
v-if="searchKeyword !== null && searchSuggestionsData[0]"
|
||||
class="all-result"
|
||||
>
|
||||
<div
|
||||
v-for="item in searchSuggestionsData"
|
||||
:key="item"
|
||||
class="s-result"
|
||||
>
|
||||
<SvgIcon iconName="icon-search" className="search" />
|
||||
<span class="text">{{ item }}</span>
|
||||
</div>
|
||||
</div>
|
||||
<div class="no-result" v-else-if="!hasSuggestions">
|
||||
<SvgIcon iconName="icon-found" className="not-found" />
|
||||
<div class="all-text">
|
||||
<span class="text">暂无搜索结果</span>
|
||||
<span class="tip">请尝试其他关键词</span>
|
||||
</div>
|
||||
</div>
|
||||
</Transition>
|
||||
</div>
|
||||
</Transition>
|
||||
</template>
|
||||
|
||||
<script setup>
|
||||
import { ref, watch } from "vue";
|
||||
import { statusStore, setStore } from "@/stores";
|
||||
import { getSearchSuggestions } from "@/api";
|
||||
import debounce from "@/utils/debounce";
|
||||
|
||||
const set = setStore();
|
||||
const status = statusStore();
|
||||
|
||||
// 搜索关键字
|
||||
const searchKeyword = ref(null);
|
||||
// 搜索建议数据
|
||||
const searchSuggestionsData = ref([]);
|
||||
// 是否有搜索结果
|
||||
const hasSuggestions = ref(true);
|
||||
// 接收搜索框内容
|
||||
const props = defineProps({
|
||||
// 搜索关键字
|
||||
keyWord: {
|
||||
type: String,
|
||||
required: true,
|
||||
},
|
||||
});
|
||||
|
||||
// 搜索框联想
|
||||
const keywordsSearch = debounce((val) => {
|
||||
if (val?.trim()) {
|
||||
console.log(val + "的搜索建议");
|
||||
searchKeyword.value = val;
|
||||
// 调用搜索建议
|
||||
getSearchSuggestions(val).then((res) => {
|
||||
console.log(res);
|
||||
// 是否有结果
|
||||
hasSuggestions.value = res[0] ? true : false;
|
||||
// 写入结果
|
||||
searchSuggestionsData.value = Array.from(res);
|
||||
});
|
||||
} else {
|
||||
searchKeyword.value = null;
|
||||
hasSuggestions.value = true;
|
||||
}
|
||||
}, 500);
|
||||
|
||||
// 响应键盘事件
|
||||
const keyboardEvents = (keyCode) => {
|
||||
console.log("键盘按下：" + keyCode);
|
||||
// 38 上 / 40 下
|
||||
};
|
||||
|
||||
// 监听搜索框变化
|
||||
watch(
|
||||
() => props.keyWord,
|
||||
(val) => keywordsSearch(val)
|
||||
);
|
||||
|
||||
// 暴露方法
|
||||
defineExpose({ keyboardEvents });
|
||||
</script>
|
||||
|
||||
<style lang="scss" scoped>
|
||||
.search-suggestions {
|
||||
position: absolute;
|
||||
top: 0;
|
||||
left: 0;
|
||||
width: 100%;
|
||||
color: var(--main-text-color);
|
||||
background-color: var(--main-background-light-color);
|
||||
backdrop-filter: blur(10px);
|
||||
border-radius: 8px;
|
||||
.all-result {
|
||||
.s-result {
|
||||
cursor: pointer;
|
||||
box-sizing: border-box;
|
||||
display: flex;
|
||||
flex-direction: row;
|
||||
align-items: center;
|
||||
padding: 6px 12px;
|
||||
font-size: 14px;
|
||||
transition: background-color 0.3s, padding-left 0.3s;
|
||||
.search {
|
||||
opacity: 0.8;
|
||||
margin-right: 8px;
|
||||
}
|
||||
.text {
|
||||
width: 100%;
|
||||
overflow: hidden;
|
||||
text-overflow: ellipsis;
|
||||
white-space: nowrap;
|
||||
}
|
||||
&:hover {
|
||||
background-color: var(--main-background-light-color);
|
||||
padding-left: 18px;
|
||||
}
|
||||
&:first-child {
|
||||
border-radius: 8px 8px 0 0;
|
||||
}
|
||||
&:last-child {
|
||||
border-radius: 0 0 8px 8px;
|
||||
}
|
||||
}
|
||||
}
|
||||
.no-result {
|
||||
width: 100%;
|
||||
height: 130px;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
.not-found {
|
||||
font-size: 32px;
|
||||
margin-bottom: 8px;
|
||||
}
|
||||
.all-text {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
.text {
|
||||
font-size: 18px;
|
||||
display: inline-block;
|
||||
margin-bottom: 6px;
|
||||
}
|
||||
.tip {
|
||||
font-size: 14px;
|
||||
opacity: 0.8;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
</style>
|
||||
0
src/components/Setting.vue
Normal file
0
src/components/Setting.vue
Normal file
43
src/components/SvgIcon.vue
Normal file
43
src/components/SvgIcon.vue
Normal file
@ -0,0 +1,43 @@
|
||||
<template>
|
||||
<svg :class="svgClass" aria-hidden="true">
|
||||
<use :xlink:href="iconClassName" />
|
||||
</svg>
|
||||
</template>
|
||||
|
||||
<script setup>
|
||||
import { computed } from "vue";
|
||||
|
||||
const props = defineProps({
|
||||
iconName: {
|
||||
type: String,
|
||||
required: true,
|
||||
},
|
||||
className: {
|
||||
type: String,
|
||||
default: "i-icon",
|
||||
},
|
||||
});
|
||||
|
||||
// 图标在 iconfont 中的名字
|
||||
const iconClassName = computed(() => {
|
||||
return `#${props.iconName}`;
|
||||
});
|
||||
|
||||
// 给图标添加上类名
|
||||
const svgClass = computed(() => {
|
||||
if (props.className) {
|
||||
return `i-icon ${props.className}`;
|
||||
}
|
||||
return "i-icon";
|
||||
});
|
||||
</script>
|
||||
|
||||
<style lang="scss">
|
||||
.i-icon {
|
||||
width: 1em;
|
||||
height: 1em;
|
||||
position: relative;
|
||||
fill: currentColor;
|
||||
vertical-align: -2px;
|
||||
}
|
||||
</style>
|
||||
170
src/components/WeatherTime.vue
Normal file
170
src/components/WeatherTime.vue
Normal file
@ -0,0 +1,170 @@
|
||||
<template>
|
||||
<div
|
||||
:class="
|
||||
status.siteStatus !== 'normal' ? 'weather-time focus' : 'weather-time'
|
||||
"
|
||||
>
|
||||
<div :class="['time', set.timeStyle]">
|
||||
<span class="hour">{{ timeData.hour ?? "00" }}</span>
|
||||
<span class="separator">:</span>
|
||||
<span class="minute">{{ timeData.minute ?? "00" }}</span>
|
||||
<template v-if="set.showSeconds">
|
||||
<span class="separator">:</span>
|
||||
<span class="second">{{ timeData.second ?? "00" }}</span>
|
||||
</template>
|
||||
</div>
|
||||
<div class="date">
|
||||
<span class="month">{{ timeData.month ?? "0" }}</span>
|
||||
<span class="day">{{ timeData.day ?? "0" }}</span>
|
||||
<span class="weekday">{{ timeData.weekday ?? "星期八" }}</span>
|
||||
</div>
|
||||
<div v-if="weatherShow" class="weather">
|
||||
<span class="status">{{ weatherData.condition ?? "N/A" }}</span>
|
||||
<span class="temperature">{{ weatherData.temp ?? "N/A" }} ℃</span>
|
||||
<span class="wind">{{ weatherData.windDir ?? "N/A" }}</span>
|
||||
<span v-if="weatherData.windLevel" class="wind-level">
|
||||
{{ weatherData.windLevel }} 级
|
||||
</span>
|
||||
</div>
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<script setup>
|
||||
import { getCurrentTime } from "@/utils/timeTools";
|
||||
import { ref, onMounted, onBeforeUnmount } from "vue";
|
||||
import { statusStore, setStore } from "@/stores";
|
||||
import { getWeather } from "@/api";
|
||||
|
||||
const set = setStore();
|
||||
const status = statusStore();
|
||||
|
||||
// 时间数据
|
||||
const timeData = ref({});
|
||||
const timeInterval = ref(null);
|
||||
|
||||
// 天气数据
|
||||
const weatherShow = ref(true);
|
||||
const weatherData = ref({});
|
||||
|
||||
// 更新时间
|
||||
const updateTimeData = () => {
|
||||
timeData.value = getCurrentTime();
|
||||
};
|
||||
|
||||
// 获取天气数据
|
||||
const getWeatherData = () => {
|
||||
// 当前时间戳
|
||||
const currentTime = Date.now();
|
||||
// 上次获取天气数据的数据
|
||||
let lastWeatherData = JSON.parse(localStorage.getItem("lastWeatherData")) || {
|
||||
data: {},
|
||||
lastFetchTime: 0,
|
||||
};
|
||||
// 上次获取天气数据的时间戳与当前时间的时间差（单位：毫秒）
|
||||
const timeDifference = currentTime - lastWeatherData.lastFetchTime;
|
||||
// 是否超出 2 分钟
|
||||
if (timeDifference >= 2 * 60 * 1000) {
|
||||
getWeather()
|
||||
.then((res) => {
|
||||
console.log(res);
|
||||
weatherData.value = res.result.condition;
|
||||
lastWeatherData = {
|
||||
data: res.result.condition,
|
||||
lastFetchTime: currentTime,
|
||||
};
|
||||
// 将新的天气数据和时间戳存储到 localStorage 中
|
||||
localStorage.setItem(
|
||||
"lastWeatherData",
|
||||
JSON.stringify(lastWeatherData)
|
||||
);
|
||||
})
|
||||
.catch((error) => {
|
||||
console.error("天气获取失败：" + error);
|
||||
weatherShow.value = false;
|
||||
});
|
||||
} else {
|
||||
console.log("从缓存中读取天气数据");
|
||||
weatherData.value = lastWeatherData.data;
|
||||
}
|
||||
};
|
||||
|
||||
onMounted(() => {
|
||||
// 时间
|
||||
updateTimeData();
|
||||
timeInterval.value = setInterval(updateTimeData, 1000);
|
||||
// 天气
|
||||
getWeatherData();
|
||||
});
|
||||
|
||||
onBeforeUnmount(() => {
|
||||
clearInterval(timeInterval.value);
|
||||
});
|
||||
</script>
|
||||
|
||||
<style lang="scss" scoped>
|
||||
.weather-time {
|
||||
position: absolute;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
align-items: center;
|
||||
margin-bottom: 20px;
|
||||
transform: translateY(-140px);
|
||||
color: var(--main-text-color);
|
||||
animation: fade-time-in 0.6s cubic-bezier(0.21, 0.78, 0.36, 1);
|
||||
transition: transform 0.3s;
|
||||
&.focus {
|
||||
transform: translateY(-170px);
|
||||
}
|
||||
.time {
|
||||
cursor: pointer;
|
||||
font-size: 3rem;
|
||||
margin: 6px 0px;
|
||||
text-shadow: var(--main-text-shadow);
|
||||
transition: transform 0.3s;
|
||||
.separator {
|
||||
opacity: 0.8;
|
||||
font-size: 2.8rem;
|
||||
display: inline-block;
|
||||
margin: 0 5px;
|
||||
transform: translateY(-4px);
|
||||
animation: separator-breathe 0.7s infinite alternate;
|
||||
}
|
||||
&:hover {
|
||||
transform: scale(1.08);
|
||||
}
|
||||
&:active {
|
||||
transform: scale(1);
|
||||
}
|
||||
}
|
||||
.date {
|
||||
font-size: 1.15rem;
|
||||
opacity: 0.8;
|
||||
margin: 4px 0px;
|
||||
text-shadow: var(--main-text-shadow);
|
||||
.month {
|
||||
&::after {
|
||||
margin: 0 4px;
|
||||
content: "月";
|
||||
}
|
||||
}
|
||||
.day {
|
||||
&::after {
|
||||
margin: 0 8px 0 4px;
|
||||
content: "日";
|
||||
}
|
||||
}
|
||||
}
|
||||
.weather {
|
||||
margin-top: 6px;
|
||||
opacity: 0.8;
|
||||
font-size: 1rem;
|
||||
text-shadow: var(--main-text-shadow);
|
||||
.temperature {
|
||||
margin: 0 6px;
|
||||
}
|
||||
.wind-level {
|
||||
margin-left: 6px;
|
||||
}
|
||||
}
|
||||
}
|
||||
</style>
|
||||
23
src/main.js
Normal file
23
src/main.js
Normal file
@ -0,0 +1,23 @@
|
||||
import { createApp } from "vue";
|
||||
// Pinia
|
||||
import { createPinia } from "pinia";
|
||||
import piniaPluginPersistedstate from "pinia-plugin-persistedstate";
|
||||
// IconFont
|
||||
import SvgIcon from "@/components/SvgIcon.vue";
|
||||
import "@/utils/iconfont.js";
|
||||
|
||||
import App from "@/App.vue";
|
||||
|
||||
// 全局样式
|
||||
import "@/style/global.scss";
|
||||
|
||||
const app = createApp(App);
|
||||
|
||||
// Pinia
|
||||
const pinia = createPinia();
|
||||
pinia.use(piniaPluginPersistedstate);
|
||||
|
||||
// 挂载
|
||||
app.use(pinia);
|
||||
app.component("SvgIcon", SvgIcon);
|
||||
app.mount("#app");
|
||||
6
src/stores/index.js
Normal file
6
src/stores/index.js
Normal file
@ -0,0 +1,6 @@
|
||||
// Pinia
|
||||
import useSetDataStore from "@/stores/setData";
|
||||
import useStatusDataStore from "@/stores/statusData";
|
||||
|
||||
export const setStore = () => useSetDataStore();
|
||||
export const statusStore = () => useStatusDataStore();
|
||||
30
src/stores/setData.js
Normal file
30
src/stores/setData.js
Normal file
@ -0,0 +1,30 @@
|
||||
import { defineStore } from "pinia";
|
||||
|
||||
const useSetDataStore = defineStore("setData", {
|
||||
state: () => {
|
||||
return {
|
||||
// 壁纸类别
|
||||
// 0 本地 / 1 必应 / 2 随机风景 / 3 随机动漫 / 4 自定义
|
||||
backgroundType: 0,
|
||||
// 壁纸遮罩
|
||||
showBackgroundGray: true,
|
||||
// 清空搜索框
|
||||
showCleanInput: true,
|
||||
// 搜索框自动 focus
|
||||
autoFocus: false,
|
||||
// 时间样式
|
||||
timeStyle: "one",
|
||||
// 是否显秒
|
||||
showSeconds: false,
|
||||
// 是否显示搜索建议
|
||||
showSuggestions: true,
|
||||
};
|
||||
},
|
||||
// 开启数据持久化
|
||||
persist: {
|
||||
key: "setData",
|
||||
storage: window.localStorage,
|
||||
},
|
||||
});
|
||||
|
||||
export default useSetDataStore;
|
||||
24
src/stores/statusData.js
Normal file
24
src/stores/statusData.js
Normal file
@ -0,0 +1,24 @@
|
||||
import { defineStore } from "pinia";
|
||||
|
||||
const useStatusDataStore = defineStore("statusData", {
|
||||
state: () => {
|
||||
return {
|
||||
// 壁纸状态
|
||||
imgLoadStatus: false,
|
||||
// 站点状态
|
||||
// normal 正常 / focus 搜索 / box 盒子 / set 设置
|
||||
siteStatus: "normal",
|
||||
};
|
||||
},
|
||||
getters: {},
|
||||
actions: {
|
||||
setImgLoadStatus(value) {
|
||||
this.imgLoadStatus = value;
|
||||
},
|
||||
setSiteStatus(value) {
|
||||
this.siteStatus = value;
|
||||
},
|
||||
},
|
||||
});
|
||||
|
||||
export default useStatusDataStore;
|
||||
131
src/style/global.scss
Normal file
131
src/style/global.scss
Normal file
@ -0,0 +1,131 @@
|
||||
:root {
|
||||
--body-background-color: #333333;
|
||||
--main-text-color: #ffffff;
|
||||
--main-text-hover-color: #555555;
|
||||
--main-background-color: #00000040;
|
||||
--main-background-light-color: #ffffff30;
|
||||
--main-background-hover-color: #ffffff;
|
||||
--main-text-shadow: 0px 0px 8px #00000066;
|
||||
}
|
||||
|
||||
* {
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
user-select: none;
|
||||
}
|
||||
|
||||
html,
|
||||
body {
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
background-color: var(--body-background-color);
|
||||
overflow: hidden;
|
||||
font-family: "HarmonyOS_Regular", sans-serif;
|
||||
}
|
||||
|
||||
#app {
|
||||
width: 100vw;
|
||||
height: 100vh;
|
||||
}
|
||||
|
||||
::selection {
|
||||
color: var(--main-text-color);
|
||||
background-color: var(--main-text-hover-color);
|
||||
}
|
||||
|
||||
// Transition 动画
|
||||
.fade-enter-active,
|
||||
.fade-leave-active {
|
||||
transition: opacity 0.3s ease;
|
||||
}
|
||||
|
||||
.fade-enter-from,
|
||||
.fade-leave-to {
|
||||
opacity: 0;
|
||||
}
|
||||
|
||||
.fadeUp-enter-active,
|
||||
.fadeUp-leave-active {
|
||||
transition: opacity 0.3s ease, transform 0.3s ease-in-out;
|
||||
}
|
||||
|
||||
.fadeUp-enter-from,
|
||||
.fadeUp-leave-to {
|
||||
opacity: 0;
|
||||
transform: translateY(10px);
|
||||
}
|
||||
|
||||
.show-enter-active,
|
||||
.show-leave-active {
|
||||
transition: opacity 0.25s ease, transform 0.25s ease-in-out;
|
||||
}
|
||||
|
||||
.show-enter-from,
|
||||
.show-leave-to {
|
||||
opacity: 0;
|
||||
transform: scale(0.6);
|
||||
}
|
||||
|
||||
// 全局动画
|
||||
@keyframes fade-up-in {
|
||||
0% {
|
||||
opacity: 0;
|
||||
}
|
||||
30% {
|
||||
opacity: 0;
|
||||
transform: translateY(30px);
|
||||
}
|
||||
100% {
|
||||
opacity: 1;
|
||||
transform: translateY(0);
|
||||
}
|
||||
}
|
||||
|
||||
@keyframes fade-time-in {
|
||||
0% {
|
||||
opacity: 0;
|
||||
}
|
||||
20% {
|
||||
opacity: 0;
|
||||
transform: translateY(-90px);
|
||||
}
|
||||
100% {
|
||||
opacity: 1;
|
||||
transform: translateY(-140px);
|
||||
}
|
||||
}
|
||||
|
||||
@keyframes fade-blur-in {
|
||||
from {
|
||||
filter: blur(20px) brightness(0.4);
|
||||
transform: scale(1.2);
|
||||
}
|
||||
to {
|
||||
filter: blur(0) brightness(1);
|
||||
transform: scale(1);
|
||||
}
|
||||
}
|
||||
|
||||
@keyframes separator-breathe {
|
||||
0% {
|
||||
opacity: 0.8;
|
||||
}
|
||||
70% {
|
||||
opacity: 0.8;
|
||||
}
|
||||
100% {
|
||||
opacity: 0.2;
|
||||
}
|
||||
}
|
||||
|
||||
@keyframes logo-breathe {
|
||||
0% {
|
||||
transform: scale(1);
|
||||
}
|
||||
50% {
|
||||
transform: scale(1.1);
|
||||
}
|
||||
100% {
|
||||
transform: scale(1);
|
||||
}
|
||||
}
|
||||
22
src/utils/debounce.js
Normal file
22
src/utils/debounce.js
Normal file
@ -0,0 +1,22 @@
|
||||
/**
|
||||
* 防抖函数
|
||||
* @param {Function} func - 要进行防抖处理的函数
|
||||
* @param {number} delay - 延迟时间，单位毫秒
|
||||
* @returns {Function} - 返回一个新的函数，该函数在指定的时间间隔内最多只会执行一次
|
||||
*/
|
||||
const debounce = (func, delay) => {
|
||||
let timerId;
|
||||
|
||||
// 返回一个新的函数
|
||||
return (...args) => {
|
||||
// 清除上一个定时器
|
||||
clearTimeout(timerId);
|
||||
|
||||
// 设置新的定时器，在指定的延迟时间后执行函数
|
||||
timerId = setTimeout(() => {
|
||||
func.apply(this, args);
|
||||
}, delay);
|
||||
};
|
||||
};
|
||||
|
||||
export default debounce;
|
||||
1
src/utils/iconfont.js
Normal file
1
src/utils/iconfont.js
Normal file
File diff suppressed because one or more lines are too long
35
src/utils/request.js
Normal file
35
src/utils/request.js
Normal file
@ -0,0 +1,35 @@
|
||||
import axios from "axios";
|
||||
|
||||
// 全局配置
|
||||
axios.defaults.timeout = 30000;
|
||||
axios.defaults.headers.common["X-Requested-With"] = "XMLHttpRequest";
|
||||
axios.defaults.withCredentials = false;
|
||||
|
||||
// 请求拦截
|
||||
axios.interceptors.request.use(
|
||||
(request) => {
|
||||
return request;
|
||||
},
|
||||
(error) => {
|
||||
console.error("请求失败，请稍后重试");
|
||||
return Promise.reject(error);
|
||||
}
|
||||
);
|
||||
|
||||
// 响应拦截
|
||||
axios.interceptors.response.use(
|
||||
(response) => {
|
||||
return response.data;
|
||||
},
|
||||
(error) => {
|
||||
if (error.response) {
|
||||
const data = error.response?.data;
|
||||
console.error("请求失败，请稍后重试：" + data);
|
||||
} else {
|
||||
console.error("请求失败，请稍后重试:" + error);
|
||||
}
|
||||
return Promise.reject(error);
|
||||
}
|
||||
);
|
||||
|
||||
export default axios;
|
||||
29
src/utils/timeTools.js
Normal file
29
src/utils/timeTools.js
Normal file
@ -0,0 +1,29 @@
|
||||
/**
|
||||
* 获取当前时间
|
||||
* @returns {Object} 时间对象
|
||||
*/
|
||||
export const getCurrentTime = () => {
|
||||
const time = new Date();
|
||||
// 格式化
|
||||
const formatTime = (value) => (value < 10 ? "0" + value : value);
|
||||
// 处理时间
|
||||
const year = time.getFullYear();
|
||||
const month = time.getMonth() + 1;
|
||||
const day = formatTime(time.getDate());
|
||||
const hour = formatTime(time.getHours());
|
||||
const minute = formatTime(time.getMinutes());
|
||||
const second = formatTime(time.getSeconds());
|
||||
const weekdayArr = ["日", "一", "二", "三", "四", "五", "六"];
|
||||
const weekday = "周" + weekdayArr[time.getDay()];
|
||||
// 返回时间
|
||||
const currentTime = {
|
||||
year,
|
||||
month,
|
||||
day,
|
||||
hour,
|
||||
minute,
|
||||
second,
|
||||
weekday,
|
||||
};
|
||||
return currentTime;
|
||||
};
|
||||
12
vercel.json
12
vercel.json
@ -1,12 +0,0 @@
|
||||
{
|
||||
"version": 2,
|
||||
"routes": [{
|
||||
"handle": "filesystem"
|
||||
},
|
||||
{
|
||||
"src": "/(.*)",
|
||||
"status": 404,
|
||||
"dest": "/"
|
||||
}
|
||||
]
|
||||
}
|
||||
28
vite.config.js
Normal file
28
vite.config.js
Normal file
@ -0,0 +1,28 @@
|
||||
import { defineConfig } from "vite";
|
||||
import vue from "@vitejs/plugin-vue";
|
||||
import path from "path";
|
||||
|
||||
// https://vitejs.dev/config/
|
||||
export default defineConfig({
|
||||
plugins: [vue()],
|
||||
server: {
|
||||
host: "0.0.0.0",
|
||||
port: 5588,
|
||||
open: true,
|
||||
},
|
||||
resolve: {
|
||||
// 配置路径别名
|
||||
alias: {
|
||||
"@": path.resolve(__dirname, "./src"),
|
||||
},
|
||||
},
|
||||
build: {
|
||||
minify: "terser",
|
||||
terserOptions: {
|
||||
compress: {
|
||||
// 生产环境时移除 console
|
||||
pure_funcs: ["console.log"],
|
||||
},
|
||||
},
|
||||
},
|
||||
});
|
||||
Loading…
Reference in New Issue
Block a user