juluo/CloudFlare-ImgBed
1
0
Fork 0
mirror of https://github.com/MarSeventh/CloudFlare-ImgBed.git synced 2026-01-31 09:03:19 +08:00
Code Issues Packages Projects Releases 1 Wiki Activity

前端性能优化

Browse Source
This commit is contained in:
MarSeventh
2024-09-10 13:55:42 +08:00
parent e59732b4d1
commit 05952ee55a
26 changed files with 60 additions and 1 deletions
Download Patch File Download Diff File Expand all files Collapse all files

1
css/150.c8f422f7.css Normal file
View File

@@ -0,0 +1 @@
.login[data-v-08598db5]{display:flex;justify-content:center;align-items:center;height:100vh;transition:background-image 1s ease-in-out;background-size:cover;background-attachment:fixed}.login-container[data-v-08598db5]{display:flex;flex-direction:column;justify-content:space-around;align-items:center;height:40vh;width:40vw;border-radius:12px;box-shadow:0 0 12px rgba(0,0,0,.12);background-color:hsla(0,0%,100%,.6);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);transition:all .3s ease}.login-container[data-v-08598db5]:hover{box-shadow:0 0 12px 4px rgba(0,0,0,.24);transform:translateY(-5px)}.password-input[data-v-08598db5]{margin-bottom:15px;width:30vw}.submit[data-v-08598db5]{margin-top:10px}.background-image1[data-v-08598db5],.background-image2[data-v-08598db5]{position:fixed;top:0;left:0;width:100%;height:100%;-o-object-fit:cover;object-fit:cover;z-index:-1;opacity:0;transition:all 1s ease-in-out}

BIN
css/150.c8f422f7.css.gz Normal file
View File

Binary file not shown.

1
css/801.83354ad4.css Normal file
View File

File diff suppressed because one or more lines are too long

BIN
css/801.83354ad4.css.gz Normal file
View File

Binary file not shown.

1
css/app.def7ef9b.css Normal file
View File

File diff suppressed because one or more lines are too long

BIN
css/app.def7ef9b.css.gz Normal file
View File

Binary file not shown.

BIN
img/logo.e8dbfa27.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 178 KiB

2
index.html
View File

@@ -1 +1 @@
<!doctype html><html lang=""><head><meta charset="utf-8"><meta http-equiv="X-UA-Compatible" content="IE=edge"><meta name="viewport" content="width=device-width,initial-scale=1"><link rel="icon" href="/logo.png"><title>Sanyue ImgHub</title><script defer="defer" src="/js/chunk-vendors.204e01e6.js"></script><script defer="defer" src="/js/app.4dbc0583.js"></script><link href="/css/chunk-vendors.b85f6a1a.css" rel="stylesheet"><link href="/css/app.93429def.css" rel="stylesheet"></head><body><noscript><strong>We're sorry but sanyue_imghub doesn't work properly without JavaScript enabled. Please enable it to continue.</strong></noscript><div id="app"></div></body></html>
<!doctype html><html lang=""><head><meta charset="utf-8"><meta http-equiv="X-UA-Compatible" content="IE=edge"><meta name="viewport" content="width=device-width,initial-scale=1"><link rel="icon" href="/logo.png"><title>Sanyue ImgHub</title><script defer="defer" src="/js/app.cee299eb.js"></script><link href="/css/app.def7ef9b.css" rel="stylesheet"></head><body><noscript><strong>We're sorry but sanyue_imghub doesn't work properly without JavaScript enabled. Please enable it to continue.</strong></noscript><div id="app"></div></body></html>

BIN
index.html.gz Normal file
View File

Binary file not shown.

2
js/150.fa68a8db.js Normal file
View File

@@ -0,0 +1,2 @@
"use strict";(self["webpackChunksanyue_imghub"]=self["webpackChunksanyue_imghub"]||[]).push([[150],{4150:function(s,e,t){t.r(e),t.d(e,{default:function(){return b}});var a=t(47),n=(t(5331),t(9648),t(2105)),i=(t(9092),t(6768)),l=t(5130);const o={class:"login"},r={class:"login-container"};function g(s,e,t,g,d,u){const c=n.WK,p=a.S2;return(0,i.uX)(),(0,i.CE)("div",o,[e[3]||(e[3]=(0,i.Lk)("img",{id:"bg1",class:"background-image1",alt:"Background Image"},null,-1)),e[4]||(e[4]=(0,i.Lk)("img",{id:"bg2",class:"background-image2",alt:"Background Image"},null,-1)),(0,i.Lk)("div",r,[e[2]||(e[2]=(0,i.Lk)("h1",null,"Login",-1)),(0,i.bF)(c,{class:"password-input",modelValue:d.password,"onUpdate:modelValue":e[0]||(e[0]=s=>d.password=s),placeholder:"输入认证码，若未设置留空即可~",type:"password","show-password":"",onKeyup:(0,l.jR)(u.login,["enter","native"])},null,8,["modelValue","onKeyup"]),(0,i.bF)(p,{class:"submit",type:"primary",onClick:u.login},{default:(0,i.k6)((()=>e[1]||(e[1]=[(0,i.eW)("登录")]))),_:1},8,["onClick"])])])}t(4114);var d=t(4570),u=t.n(d),c=t(4373),p=t(782),h={data(){return{password:"",writtenPass:"",bingWallPaperIndex:0,customWallPaperIndex:0}},computed:{...(0,p.L8)(["userConfig","bingWallPapers"])},mounted(){const s=document.getElementById("bg1"),e=document.getElementById("bg2");"bing"===this.userConfig?.loginBkImg?this.$store.dispatch("fetchBingWallPapers").then((()=>{s.src=this.bingWallPapers[this.bingWallPaperIndex]?.url,s.onload=()=>{s.style.opacity=1},setInterval((()=>{let t=0!=s.style.opacity?s:e,a=0!=s.style.opacity?e:s;t.style.opacity=0,this.bingWallPaperIndex=(this.bingWallPaperIndex+1)%this.bingWallPapers.length,a.src=this.bingWallPapers[this.bingWallPaperIndex]?.url,a.onload=()=>{a.style.opacity=1}}),3e3)})):this.userConfig?.loginBkImg instanceof Array&&this.userConfig?.loginBkImg?.length>1?(s.src=this.userConfig.loginBkImg[this.customWallPaperIndex],s.onload=()=>{s.style.opacity=1},setInterval((()=>{let t=0!=s.style.opacity?s:e,a=0!=s.style.opacity?e:s;t.style.opacity=0,this.customWallPaperIndex=(this.customWallPaperIndex+1)%this.userConfig.loginBkImg.length,a.src=this.userConfig.loginBkImg[this.customWallPaperIndex],a.onload=()=>{a.style.opacity=1}}),3e3)):this.userConfig?.loginBkImg instanceof Array&&1==this.userConfig?.loginBkImg?.length?(s.src=this.userConfig.loginBkImg[0],s.onload=()=>{s.style.opacity=1}):(s.src="https://imgbed.sanyue.site/file/0dbd5add3605a0b2e8994.jpg",s.onload=()=>{s.style.opacity=1})},methods:{login(){""===this.password?this.writtenPass="unset":this.writtenPass=this.password,c.A.post("/login",{authCode:this.password}).then((s=>{200===s.status?(u().set("authCode",this.writtenPass,"14d"),this.$router.push("/"),this.$message.success("登录成功~")):this.$message.error("登录失败，请检查认证码是否正确~")})).catch((s=>{this.$message.error("登录失败，请检查认证码是否正确~")}))}}},m=t(1241);const y=(0,m.A)(h,[["render",g],["__scopeId","data-v-08598db5"]]);var b=y}}]);
//# sourceMappingURL=150.fa68a8db.js.map

BIN
js/150.fa68a8db.js.gz Normal file
View File

Binary file not shown.

1
js/150.fa68a8db.js.map Normal file
View File

File diff suppressed because one or more lines are too long

BIN
js/150.fa68a8db.js.map.gz Normal file
View File

Binary file not shown.

2
js/373.2d8ed1da.js Normal file
View File

File diff suppressed because one or more lines are too long

BIN
js/373.2d8ed1da.js.gz Normal file
View File

Binary file not shown.

1
js/373.2d8ed1da.js.map Normal file
View File

File diff suppressed because one or more lines are too long

BIN
js/373.2d8ed1da.js.map.gz Normal file
View File

Binary file not shown.

2
js/801.992713d9.js Normal file
View File

File diff suppressed because one or more lines are too long

BIN
js/801.992713d9.js.gz Normal file
View File

Binary file not shown.

1
js/801.992713d9.js.map Normal file
View File

File diff suppressed because one or more lines are too long

BIN
js/801.992713d9.js.map.gz Normal file
View File

Binary file not shown.

46
js/app.cee299eb.js Normal file
View File

File diff suppressed because one or more lines are too long

BIN
js/app.cee299eb.js.gz Normal file
View File

Binary file not shown.

1
js/app.cee299eb.js.map Normal file
View File

File diff suppressed because one or more lines are too long

BIN
js/app.cee299eb.js.map.gz Normal file
View File

Binary file not shown.

BIN
logo.png
View File

Binary file not shown.
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 468 KiB

After

Width:  |  Height:  |  Size: 178 KiB