From 24ed83794e29e7d05372e17a039fb0b0abfb2eaa Mon Sep 17 00:00:00 2001 From: xuhuajiao <13476289682@163.com> Date: Wed, 25 May 2022 13:27:20 +0800 Subject: [PATCH] =?UTF-8?q?dialog=E6=A0=B7=E5=BC=8Fbug?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- src/assets/images/dialog_left_bottom.png | Bin 0 -> 2336 bytes src/assets/images/dialog_left_top.png | Bin 0 -> 2142 bytes src/assets/images/dialog_right_bottom.png | Bin 0 -> 2266 bytes src/assets/images/dialog_right_top.png | Bin 0 -> 2121 bytes src/assets/styles/yxk-admin.scss | 56 ++++++++++++---------- 5 files changed, 30 insertions(+), 26 deletions(-) create mode 100644 src/assets/images/dialog_left_bottom.png create mode 100644 src/assets/images/dialog_left_top.png create mode 100644 src/assets/images/dialog_right_bottom.png create mode 100644 src/assets/images/dialog_right_top.png diff --git a/src/assets/images/dialog_left_bottom.png b/src/assets/images/dialog_left_bottom.png new file mode 100644 index 0000000000000000000000000000000000000000..8d62d264028c0fa86834c71001edf45814541b8c GIT binary patch literal 2336 zcmbtWc~lek77j&`O+|fOpjO6cap{|6CL2j4U`U8Wh;V=!7f>h3gaplEGAsd9w&z+a zeaiYEpn{0FQ56(Rdn~WWldu{^M6@cRMV3m-RzTi_#n(SP{pZa&Gjo4;zI*R?w{zxD z;D&W`?Op5%1j1aQFFy!>_v3fGtquMRZtii!U(T4%CM;MZ$D$D(O5n;g5)=@skZ?2z zMP!EE|3N(n1nU%K$R=!)$e%6Ms7QzfLyA#paccs>!z)IMNOz(bAVI^GY7VjQ<_|r3xsrBp_4sp^i8<#C= zG7*@BU^_X)DN>t6fdEgVLjgL84oV@I2Dr0GFde2b;lBeE2&R%DDjBANFog}V*f1TK zzKD15>;Rn-Zwj)DuaQQoP&FpxbBOpC zl1wRMQ)Che1j}I%WkK#BDy2z5iA)B8R0;!SuwXhWb*Ieud7nLt4htYAgU9#g^I_PB z=gsut3Is5nFMuH?#9++W3e|cHQA^R8*h)P1w5|7F+Ol~%6u~sQ5RGQn%oGGFG?+%O z&}ac3&(d`kuu`m4%QVsYRhBkQWz9!*$|zJO&}me_WS!Z{_i&)n8B!WW!UX9wrreT0 z6+~cn2&Bmv6e_|%5r~2ir|o5bs^8R{;u<^;?F=0@0@D$QjzV}fVFX0wG^~KWEoJvk@$qJ->Q(NNWBmX=u{cP~wshU$xC#{sKSV^y--ewQ>w8YH-TS=^VFPYU3h_a4q@uv*OQ-SM7J$ z@=-_1@V{xt3gpgiip{Bue&#ek%Bgtz!^U0tiQF=K-jU=SLV%y%uS-w@U4?4w-t4}& zI{v$-34<4F`U=iC+bb@8?NrsfK(;p3ifc2=*-7R!BU%oV+A00oRPO%=Vax(*5&-KY zM_Y<5Wm>cxEMoGM9;kT-@!tsd2wiviPT-FT;*PL|HFe6)GxvvD z_pR?L?IxtVtXI?=_E4inqdYQ#dvs{aHx;YbB*Rtqb8U4WcIvK$87nHPM=$t=oq#3~ z#Yrpfl8;}tH9y+&oa5!2n+A=pcgSAYvD(y9aN`ntMepq)v^=F%yruC3AV#(Y=DG*; z{Z?6CC|_a9bCwV98`yIp@`DjswnIt6p!A8kx|>i>Gc~5-*uC_+)?#o^)GBdb%filD zM>=hJ&6k-^{PYoBwJsCYcTz^8s^(gIuIt@hAFs{M2)cd$RT+Ct(m(cp=3)s?Z9WfH zxQG4z`sk_A0rR}7`IGD`o6ifwf=;)IU#vGm6B7F!gqJm(`mB9mMTYKc^Q)+su77pU zng`ErOu!kC<{!W0-@f^D+uP!XMV-O^){euC6}L|gUQ?#0^|gm*=vG{Y)+FB+&2iNF z7%#IkGIZOryN0R{^?%zyZ?$?PW9KjZqW^l@$QUi4Xt21cr>WbPhH`@+XZz``h9PrBilMYP$;!BFh#79&g1MT@ z&&pfkf?MLQyV3x>l(k2EdWB))D?3N*hU4=TJnJM6QlsCww5YR!^8TlLUoJO!WqB&r z;?yz%<{MVhF9^zAgKuYgPO{Bt_#lpWt$bDDA1-eW)ax_HytDgvx*e!(yl-jUnz~<# z`}`fQ((o`|t185admUFrW)Z zm`7UAzae7}$J#nFM%Z;Z=9``A!j89xaMjySKR0b{Hi;@Fd$VSh6>b#8m)<*Yf6=@v twQ~mAbJ^z5E1z!NKECA&^kw>|&> literal 0 HcmV?d00001 diff --git a/src/assets/images/dialog_left_top.png b/src/assets/images/dialog_left_top.png new file mode 100644 index 0000000000000000000000000000000000000000..997eeba584f738d9059c5edec10db660d129d820 GIT binary patch literal 2142 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 literal 0 HcmV?d00001 diff --git a/src/assets/images/dialog_right_top.png b/src/assets/images/dialog_right_top.png new file mode 100644 index 0000000000000000000000000000000000000000..85b0d0291c724efde532096fb232009eb45a5cf7 GIT binary patch literal 2121 zcmaJ?eN+=y7SFb+TX97zWYwUi|g)BscnwiWb1V|=LLOxWA zOQnLecvcD&5D?ql9&1)e;jqh5p$KT(q~clX3Wy?Sm5O35Xrahq*$EKWKiJMWcix-( z?(g2;{di{zcgAmB9`te$jYeA@yG@Zut@kN8@Zu8cU0~SCrIxj}Xtgbg)Y%-Ug`jQ0 zNsM5|8c{uwNT9guov(=q8twT*29?^TR_>5!Nh25a+i;ymGliznBBGpTRGUfIm>8iq zn53+SXWLjz11@Ey2$Yc0EGNN{7-vOAG9#Q4%7Kxvp-iVS%Vd=} zrK~x>5^C>PgDmEpi7ivgnkS`J?qteI3&9j{1%MWU`OGje7Z$*L5zJvC5X=K19tiUQ z7?D6?2`pePJS-}j1=mRu6)_93s4poi-DWdOK+xfEa2-4@Y0-nQSS$u11Vj*kvH+|u zlMQtOChPiu2L)l(S`22JfiyAw9#M?Uwn4`gwyIoa0!$>VWVS_1^+UHl0H$j9%Ypoc6dOr`#XvO$%~FusY$IW^ z#VVvM>V%6Ma0!BA7zFEJfDl7r0HNh;0Sw0>fQJYPp%@kr+At*GXED530E=S8;%J3T zp@89Nxl9zjB_;+IC}Lnp1PO%!Y^=#@Lrq#D5Zge-Ucf4T5i5~f2-HSeR3w=dn1Y?@ zq>Z$ulV+w|?(e#oxiQ6H!bykqO@Eu_vsMrmgPp)*EToY+S7(V~5e__oP|HU!5g_1; zbpHH#01Age03R13JXA=a5Q4H6@c1+Jo1arkL*-!((2=090EGkuL{$?;0Yb+Q1F$eY z28j3sDi#wuoGK~{q$q;^(RpT+0xD`g{oAJ(gZg-SwFnb+pDfhHIWfBW7L7*V6RX&w za`unjh$|>1)?FIAhKwA^5B+EU$s$eY8@oe+*Dh?|{^>FwYklSiSxJhOZ+(!M!$`4RU(Cogz!&7&IE z@bR@p!Vl^nXrA9+)gO+$-{ZL7(oi{frfl&)_fb`FP4XcJYT) zk8JvKcUD5fvd*9fRaJdun(_ihe^_|q>+Lr;CZ`X2Dz1f$W>7}Om)!{sM_)0m7&vMY z9g~){56Kv*+jwra^qH0Pak#m?foU6 zRdX}O+P_^hi9uTr4kZnA^Ynk@43@N@6i<^rU(OktIquD`0NG`=$6er`z}4)>A*1yj z`+NSz@E+|xSD|^h(yys)Nv(3VU@q~4Cb&KFZVltf`J*{VdB67XePqRJ6YqFrQSD{& z8StauZYpa#wo5ut-4!II@6X|qgf5wryTKZlH=}f4NoXjtOl`ELc8zx<-jGp~A68T1 zE%v?1@V0%;Q8q-q^7*CjuWHt8cMfL1m$YLrg;TrN-b;_%>&Mxa8yZuGW>F|g#Z1~JjkHI5b(f;-^@5E5f zJ%x~n3H}#lbm8`UK--sZN7k9*yT(`9r=lmMvy+2AWk5R;FHHZTd>JyB%xOa&q0dFh z{p{LqC*C}5aAQ+lH*TG;9xh}&S=u~MRMrz$#V#v%C^-*n{?RLCKi>c9^Z~9Tg#(a) zHAyxo>C5f79Q12_d0L6LgAtc7x}=r{Vfy@c9lfP3=Tx4T%6|MI?soSP#*<|e_e?() zuezk-42&v=nl-mCbE&zeIFjQ)wO!+-Wkc{6)AH(o?eUyM0hFJ1nA zv!jPSad>y{t~wx`$DaND$h-FB^o~~Fzbm}Kp`TYX`umjL^CM?wcjNkep}i+91ZZxQ mMYVo2P_xbP-GB0P>1${{_ix5hWjV9{pL=X{yyA>ZllNbBRAmJK literal 0 HcmV?d00001 diff --git a/src/assets/styles/yxk-admin.scss b/src/assets/styles/yxk-admin.scss index ce8c18d..46f24bb 100644 --- a/src/assets/styles/yxk-admin.scss +++ b/src/assets/styles/yxk-admin.scss @@ -465,7 +465,6 @@ .el-dialog{ position: relative; width: 620px; - margin-top: 16vh !important; padding: 2px; background: linear-gradient(135deg, transparent 10px, #339CFF 0) top left, linear-gradient(-135deg, transparent 10px, #339CFF 0) top right, @@ -473,7 +472,6 @@ linear-gradient(45deg, transparent 10px, #339CFF 0) bottom left; background-size: 50% 50%; background-repeat: no-repeat; - box-shadow: none; &::before, &::after, .dialog-right-top, @@ -482,33 +480,39 @@ content: ""; width: 134px; height: 63px; - z-index: -1; + z-index: 99; } &::before{ - left: -10px; - top: -28px; - background: url(~@/assets/images/left_top.png) no-repeat; + left: -6px; + top: -6px; + background: url(~@/assets/images/dialog_left_top.png) no-repeat; + background-size: contain; } &::after{ - right: -20px; - bottom: -10px; - background: url(~@/assets/images/right_bottom.png) no-repeat; + right: -18px; + bottom: -7px; + background: url(~@/assets/images/dialog_right_bottom.png) no-repeat; + background-size: contain; } .dialog-right-top{ - right: -20px; - top: -28px; - background: url(~@/assets/images/right_top.png) no-repeat; + right: -23px; + top: -6px; + background: url(~@/assets/images/dialog_right_top.png) no-repeat; + background-size: contain; } .dialog-left-bottom{ - left: -10px; - bottom: -10px; - background: url(~@/assets/images/left_bottom.png) no-repeat; + left: -6px; + bottom: -7px; + background: url(~@/assets/images/dialog_left_bottom.png) no-repeat; + background-size: contain; } .el-dialog__header{ - position: relative; - margin: -60px auto 0 auto; + position: absolute; + top: -40px; + left: 50%; width: 360px; padding: 0; + transform: translateX(-50%); &::before{ position: absolute; left: -23px; @@ -549,7 +553,6 @@ font-style: normal; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; - font-size: 24px; color: #339CFF; &::before{ @@ -559,16 +562,17 @@ } .el-dialog__body{ width: 100%; + background-color: #031435; + // border: 2px solid #339CFF; // min-height: 400px; - background: linear-gradient(135deg, transparent 12px, #031435 0) top left, - linear-gradient(-135deg, transparent 12px, #031435 0) top right, - linear-gradient(-45deg, transparent 12px, #031435 0) bottom right, - linear-gradient(45deg, transparent 12px, #031435 0) bottom left; - background-size: 50% 50%; - background-repeat: no-repeat; - box-shadow: inset 0px 0px 8px 1px rgba(51, 156, 255, 0.6); + // background: linear-gradient(135deg, transparent 12px, #031435 0) top left, + // linear-gradient(-135deg, transparent 12px, #031435 0) top right, + // linear-gradient(-45deg, transparent 12px, #031435 0) bottom right, + // linear-gradient(45deg, transparent 12px, #031435 0) bottom left; + // background-size: 50% 50%; + // background-repeat: no-repeat; + // box-shadow: inset 0px 0px 8px 1px rgba(51, 156, 255, 0.6); } - .el-form{ .el-form-item__label{ line-height: 36px;