From 891b94e53a031708dce24e4fdfe7c971f7a1b324 Mon Sep 17 00:00:00 2001 From: adiao <1819192616@qq.com> Date: Sat, 1 Apr 2023 22:47:54 +0800 Subject: [PATCH] vue web fix --- index.html | 4 +-- public/microsoft-money.ico | Bin 0 -> 67646 bytes src/App.vue | 3 +- src/router/index.js | 11 ------- src/style.css | 58 ++----------------------------------- src/views/Index.vue | 24 +++++++++++++-- src/views/Login.vue | 56 +++++++++++++++++++++++++++++++++-- 7 files changed, 81 insertions(+), 75 deletions(-) create mode 100644 public/microsoft-money.ico diff --git a/index.html b/index.html index b7c2ffe..9abcceb 100644 --- a/index.html +++ b/index.html @@ -3,9 +3,9 @@
- + -LspP4%8K|TFod{x_J+4j8W zg0XG)Iy%HhX}J zZMN|zG^R7N3w{nz2T?Vxea>H-yf2J#!PqALT-RbA>Yg@zx!C3se`5GfW2Y;I0?RI* zrnS#{7YdCr*R?M0a$ROHG_-B YZ#*VRwZnyd+s+i?6~{{ l{0ntw zKkf^@ J_1xc^Y~uG|U-HG+bng@A zGX7hxCOHn}gGcOBNg=WLtt>vVK;GQ{r_z8IVKb@^`RqDw4%ZL7mmS9XX> zF&EWmh+L~1yQxn1n@@;6$p>Sbwp{mu_-`~-TxD703ZZY)zi6+v6@9ooQz(o6)aTTt zqky^-jZImAaeOc~-TS!SWy&C^xXLp1<=+Es&X%Hmi1=?C>_c_u^adjeAJu1wJBd&H ziMeW%EOWi9WZDDNd!R{Qj29yQv{m$1_f&o9LY``DN&^_sHvTqiGpn)BbY4{NfnCR+ z-+Jm|&obtRuIW7nY_cZ}U`*Ti+uZx=%;UF!CVyDYc+1pv{HGYa$-Y!JtfTjN+tW7w zuIpI9Ws^5(lc28SKkxM>{IY%aDgG{ZIdvbG{WYB%T*eV=by@fS34jwms?SUYwdK3Z z`hQuCVQRxQE1%<4(@ggUIhI|oe-&d{R{iKgo?sB!2KhY;V1Ox>@^~WtF7c}~(ey1) zo FS*9w=KLmq^J}v2YgDNI$g;Qxb{YR8jZJTw9GP=D*SL&}{2t;r z3D@|yz4xgw+4j?A{P}x|jIaDYRvqX_&NMc?3t)q5{7v^hu4`K|#g?|2bVQ6o @l4qY{nCD3K4()#wYqypWGW3MY?a2nWs@M z@i(n~&J7p(63Qyhvdoy8=9|#>jlb!)AD#^tMH37x{8XR0r%^8PSI1Umab~kM$>uDn zj?pCh#$R{#Th!f8;K^`OTc=Lm}hOGo35huJ0!QMY(VM$1q& #edP`6S@rC zge}Wc@S;g~H}Tm6LgD|?1E3IlK->98v&Z13_=mV-dqDHh^iX3XZRZ}*hC;>P=9^!W zeWrUwQ*7k&w(;lvS$Dr$)V;qBtM@3BeU{(P>l#>;g@`}buMe5N1 B|z4mn~aC?4((9P90IUq#*vjBcF zemdVwb#3BrTKmTV{0iO0r3R-qIlwpmzPVrEWBL{tI{v1$&%8jLz7fxPIxNPH2K&a} z^_yRld8U68qVt(`uIt~l_F3Oo;(bqt$G(H%pF;Pg2WJjrnN)r3VE(Wro|8U+n=tI_ z+86#EX>6xYoF9>z5x78AQ|wvZ=d~}qnizb@g<^a@LBO 9Pm5y_&cyJ z=Ateiu%EW3kDw_0H9gOvJLEIa3)pY7?-7R_yeh=CZHvo$=rV5%i82^#yXF~t&XZN6 z3=Z4e3q+2XK!302AU%V9w)?#BYt(a}=4l?|$@ML;uz6lWzi;y(g-zV6Y;zj@ ~ENpOj zGEZ!RBYlj(K8oIfUGS83nNyh;IF~}rhZKE{z}(ke_bS;owq10-f(e5lo`)Gr8Nasg z6ZA6%=itnOIX3eN+qKC@b#|ViuWfK7dj#5?rR%U?WEtmB+~@6MUZ=@C&fL4mIJ%C_ zxM$!<;SfmC)fns=i!Swf_TU*N() ;Gd@l0wN3dH{f)sRF!N8OVIaWu$vbxrX8a}=%(G?==3I(< zIY5XM5r_yx1R??vfrvmvAR-VEhzLXkA_BulU^aicNs2M RcjbdGJCtvd zQ$A+1`(%TUtFjs1k~PZZU%usRd7G^BopjCDylh4JCP{Y4d?($NVLB}Y{JAe>A+jy# zp}V4kB-whbFFH7Vl-WR1r!m5rO6gA4Mwue3`bvN5cyQ*4Jy4eoQ2kN;Rq;^qQt?#q zR^#yyuY=OrDxS9j@P~L;2woTALja4gBCyIc7kU+>5B-$w?gg~BVjfl4-jx&PPRx`0 zQogN*!+?c>x9gZ`*IT#AX}&{)Zwh(iLB8H#J>{#ykn1hTSCp>{`RY+F48Pi8{W|Jz z6#2GrAU{BT&U#s1gM3%i BxUE95oQ|0`kr6Zr+@ zQ_Q@o{y|=c{ulfg$EUNL^|kUEzI@5`Yxxs-UzOMMXR`kO`qk% *k4^sPc|dzk?N6`A2+`M;SqYd{ERwW%fj#J;>0h z@Me6Hg9jNw;5)g9S0!VOiuhJ_&?(}bQ)W&Q@&V-; vfjwl+AAncQH(1 z)@*iNt@o?y`A}ZzB~@OiHU@S7sL~F{E!QohMY=C@bN*;I-|ow-MujU{bn}?OuS-0u z;fid|1Pi5-5D(I+kbym@vXX^Ylq;_&7x{XJZzUB8S_piifuv639*mXMI(Yv-#^6?v literal 0 HcmV?d00001 diff --git a/src/App.vue b/src/App.vue index de96898..01decb7 100644 --- a/src/App.vue +++ b/src/App.vue @@ -5,9 +5,8 @@ import Login from './views/Login.vue' - - +diff --git a/src/router/index.js b/src/router/index.js index 1ef8462..b82ac7b 100644 --- a/src/router/index.js +++ b/src/router/index.js @@ -5,17 +5,6 @@ import Login from "../views/Login.vue" import Index from "../views/Index.vue" import Register from "../views/Register.vue" - -// const routerHistory = createWebHistory(import.meta.env.BASE_URL) -// const router = createRouter({ -// mode: routerHistory, -// routes: [ -// { path: '/', name: "Login", component: Login }, -// { path: '/index', name: "index", component: Index } -// ] -// }); - - export const router = VueRouter.createRouter({ history: VueRouter.createWebHashHistory(), routes: [ diff --git a/src/style.css b/src/style.css index b119ab2..233cb5f 100644 --- a/src/style.css +++ b/src/style.css @@ -116,7 +116,7 @@ button:focus-visible { } #app { - max-width: 1280px; + max-width: 100vw; margin: 0 auto; background-color: rgba(0, 0, 0, 0); /* text-align: center; */ @@ -137,61 +137,9 @@ button:focus-visible { } } +/* Vue样式 */ #main { width: 400px; - margin-top: 10%; - min-width: 100vh; + margin-top: 10px auto; float: none; -} - -@media (min-width: 768px) { - .container-fluid { - width: 750px; - } -} - -@media (min-width: 992px) { - .container-fluid { - width: 970px; - } -} - -@media (min-width: 1200px) { - .container-fluid { - width: 100vw; - } -} - -#card1 { - margin: 3% 0; - border-radius: 3%; - background-color: rgba(255, 255, 255, 0.8); - box-shadow: none; - border: none; -} - -.btn:focus, -.btn:active { - background-color: blue; -} - -.btn { - - margin: 10px; - width: 100px !important; -} - -#reg { - margin-left: 24%; -} - -/* 验证码样式 */ - -.image { - margin: 2px 0; - display: flex; -} - -#imginput { - margin: 0 12px; } \ No newline at end of file diff --git a/src/views/Index.vue b/src/views/Index.vue index 03ea0b3..44f256d 100644 --- a/src/views/Index.vue +++ b/src/views/Index.vue @@ -1,9 +1,23 @@ - ++@@ -27,4 +41,8 @@ export default { }; - \ No newline at end of file + \ No newline at end of file diff --git a/src/views/Login.vue b/src/views/Login.vue index 505ab3e..3bed904 100644 --- a/src/views/Login.vue +++ b/src/views/Login.vue @@ -1,7 +1,7 @@+ + - {{ name }}-+资产系统后台管理界面
@@ -93,4 +93,56 @@ export default { } - \ No newline at end of file + \ No newline at end of file