From e5969003a0ad3fa91b9dc68efdc6fdc07000f765 Mon Sep 17 00:00:00 2001 From: Cxx0822 <1556464090@qq.com> Date: Sat, 1 Nov 2025 10:24:50 +0800 Subject: [PATCH] =?UTF-8?q?feat:=E6=9B=B4=E6=96=B0=E4=B8=BB=E9=A1=B5?= =?UTF-8?q?=E9=9D=A2?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- src/App.vue | 141 ++++++++++++++--------------------------- src/assets/mobile.jpeg | Bin 0 -> 133546 bytes src/assets/pc.jpeg | Bin 0 -> 194493 bytes src/style.css | 18 +++++- 4 files changed, 64 insertions(+), 95 deletions(-) create mode 100644 src/assets/mobile.jpeg create mode 100644 src/assets/pc.jpeg diff --git a/src/App.vue b/src/App.vue index a11f449..d108e7d 100644 --- a/src/App.vue +++ b/src/App.vue @@ -4,80 +4,57 @@
© Cxx0822 | V1.0.0
@@ -160,6 +137,7 @@ const refreshClick = () => {
.nginx-proxy {
height: 100%;
padding: 10px;
+ position: relative;
display: flex;
flex-direction: column;
@@ -176,34 +154,9 @@ const refreshClick = () => {
}
.app-center {
- margin-top: 100px;
-
- display: grid;
- grid-template-columns: repeat(3, 1fr);
- gap: 25px;
-
- .app-card {
- max-width: 250px;
- color: white;
- font-size: 1.3rem;
-
- .el-card__body {
- display: grid;
- grid-template-columns: 25px 1fr;
- align-items: center;
- gap: 10px;
- }
- }
-
- .app-card:hover {
- cursor: pointer;
- }
- }
-
- @media (max-width: 768px) {
- .app-center {
- grid-template-columns: repeat(2, 1fr);
- }
+ position: absolute;
+ top: 2%;
+ right: 3%;
}
.footer-content {
diff --git a/src/assets/mobile.jpeg b/src/assets/mobile.jpeg
new file mode 100644
index 0000000000000000000000000000000000000000..07d4e2d6ec13820bc8b543bb690dc7a3cfcca0bb
GIT binary patch
literal 133546
zcmbTf2V4_r*FHQ+=uN F`=3&Kf6Qr4xA
zOD8-o)eO_RhLPIIIrXq+q`SdKG&8d(BRMbBp_!2k#hw*46|ba#??u5P4Ay0VG{OhS
zRTL9kyN%DjlP&^XDPnhsbcTLcOSyV7MZ977%rU$JoyAvPNa?~0_uj2bx$m@g^1uJu
zjnCP^PdDD%KIJFHn0Rm7j=UkSZstD!Oa1M)Ra)_jqW2GPKJ{eLo1rg%^h=r(dv4j>
zNgW5@mOE)2& vd)Lfd`+W^2m;(=hSs^eQh(`~?xv3aR1~li$
z((K@w0RFW9l>7M5K7A7W<~;08_R-=0iKj-;mp@QqLG_~z)kdpLJAKwW8~o;50x>M#
zO+Ct3RFy28Rfr5D&?s2E9tLln0}b$ZL{4og;XHPxSPL)cCmKy;RVC@HtIb5Fs%K?8
z9tR`AQS^es-p)L@K9O%E#$rvb_m}Q;jINm33BSJC{s-D#*625|cC;{jr}nKXP)ecX
zz4k}k?!gO2_bZrFvTfM ^6RMdGz&jG~LulA<*)TJ8N^?FMQ?H)bSf-i2L(_y|d i8n|Mee=ggcMSnfXFpYpSh6#BlZiK_k2i^y_Ob9cw8bYp__cH;#TSx9+>gs
zli!HeYZiTT-I#?(XIo!ho$Y44_3!3PizN-!-=0yorrZ}A{}tz4%@$_QzFVuk7UuX0
zjc1SV1ry$b*5of)(P=w%kkTKIJU17*YqT~mD=96$y5!`MPNRNFhNYsQxhwas=z86G
zx~kJ^i|)wKr*0#!NAtQy=w6sq-uh7Yu7I=L;PE8u)I$AD@hQ)uM2|1Un)f{&c;w5b
zjQa~;3hF{m9OA_ABlb~m2#tS%L0h&Q5*FBprjRuo!en&+WnQ_9bsLi{x9b18fsK1b
z%++Zc$u{sL^5~xog&{O_h|~%oy2C_lJ#=xO^HT1>?4fjn6vu`t2_vJkBiJOaMNHZ+
zSjnELM$y)%dwo1xY-vgzB;-ayL0`M)w&>Br*@Uz
p3^!GVWkm-Sj&ed=9jcJzlacRC6l>|E*k>fXP)F`wHvdQZ_Uy7MH?Yx3u`
zy_{N;zy+79Lp?IqKEM5U;1|8aO9!s&%^j-K^oEnLifcLd+fPa`UhC_o>=C(h`sqb}
z+U`AldgY{A%^Xvm3wxh7?<|aUYsp&ExOvYc+a0>+_Qo-1sw@WrAH5u3wI69ZY4XX<{eY3V
z>Y8;ktMJvQ6(6HphBD06t#`@;?G|2y`<0i(=;_UBX5||)B+mvMZMG`PQx?ma$?ECU
zkg9aHYptlet7FjQS@^o}_H%8OzM*3OGuofLxO``82?8c*wF(&o5G7rYm~@Ngx=ulZ$O
z&+EZwBTw$JFL<<>&dimlW)Jr}wn9#M9@ScQQX>oBwaYJ=FfuyGzFXmD%6@%Y%rghq
zagRgPHH8McoLwFsUd?>3K|Db-Ms!q#JNuq)gn!#~_IUNj#BHjm(8UkRkNHHeD;X_@
zXe6&aM>ma_7)J$IsDw>>3_TFzYFfW%d{-SWR~%nEd^Rm)QEeexS+d4Bpw+nhG+*wS
zFJG58`Y`-1HD}#kPV#=y@ChNEn$V5fFo?Q%=;KZL)21TEvQzDX7u-6&syjkj2dmEH
z
*y%6xCc!W32uw%EnUcA%4
z*X3Q>06T&SG47nkbl48eoKhJ<(S@JaV5~_B3oZvbEgB0IE)%m56qTfkXj9tVl1yZP
zyc7ml)@e^LJYN8Pd&StA+4&%%{*(XJP0nh`W#{vrYp?IWYZZCYq>vMCRP^Kaim#8!
zU|hMQuf3787@KE~EM&-X*Q7WW#UKr2;U$7r)4E3}-+xF9J@!7k=$U$~?=&IMq+FeO
zaw0lDubqM}F_+ShimPqKI{9jq$RlTeBT51joY|7ALf`<0p#kuj7J~PK!a9HmUV!Et
z5JbvLBH}b!l|?wsj%*l4ao)*SShEURD|QP%E_`DBjVstbkx)%{=a3Q3{XMs*Z
u
zupq`l$GXv@7tfCs=xCwm6F>TOICESC|0ihqIFF9zDPMk&z`ZbspV0V#XQ9mtG*z{K
z+<3TDoo8Z{x+r>C+nUX)b}LR~N^q~H+}SN-d-=V@Dc?R;ovposk%xaS70OjrzFijR
z796Zz6(;7Bv1dV)_r3