From dee93f83b92218c7bdbbc2b5c541ff60e83af5d3 Mon Sep 17 00:00:00 2001 From: guoyue Date: Wed, 3 Aug 2022 12:58:51 +0800 Subject: [PATCH] =?UTF-8?q?=E6=8A=80=E6=9C=AF=E6=96=87=E6=A1=A3=20?= =?UTF-8?q?=E4=BC=98=E5=8C=96?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- front/src/assets/menu/jcss.png | Bin 0 -> 1377 bytes front/src/assets/menu/sevice-bg.png | Bin 0 -> 4343 bytes front/src/assets/menu/sjzy.png | Bin 0 -> 1512 bytes front/src/assets/menu/yyzy.png | Bin 0 -> 1493 bytes front/src/assets/menu/zjfw.png | Bin 0 -> 1578 bytes .../instructionManual/components/menuBook.vue | 271 +++++++++++++++++- front/src/views/instructionManual/index.vue | 47 ++- 7 files changed, 275 insertions(+), 43 deletions(-) create mode 100644 front/src/assets/menu/jcss.png create mode 100644 front/src/assets/menu/sevice-bg.png create mode 100644 front/src/assets/menu/sjzy.png create mode 100644 front/src/assets/menu/yyzy.png create mode 100644 front/src/assets/menu/zjfw.png diff --git a/front/src/assets/menu/jcss.png b/front/src/assets/menu/jcss.png new file mode 100644 index 0000000000000000000000000000000000000000..5e9dab0bbe87eb3074ea41a5135ca2bc5c964e44 GIT binary patch literal 1377 zcmeAS@N?(olHy`uVBq!ia0vp^Dj>|k1|%Oc%$NbBBuiW)N`mv#O3D+9QW+dm@{>{( zJaZG%Q-e|yQz{EjrrIztFe_$;M3hAM`dB6B=jtVb)aX^@765fKFxc2v6eK2Rr0UTq__OB&@Hb09I0xZL0)vRD^GUf^&XRs)DJWscy1?p^1XIrJkXw zp^1f|j)IYap|QS!vA&_PuAz~Yfu)t9sR9%z0c|TvNwW%aaf8|g1^l#~=$>Fbx5 zm+O@q>*W`v>l<2HTIw4Z=^Gj80#)c1SLT%@R_NvxE5l51Ni9w;$}A|!%+FH*nV6WA zUs__T1av9H3%LbwWAlok!2}F2{ffi_eM3D1ke6TzeSPsO&CP|YE-nd5MYtEM!Nnn! z1*!T$sm1xFMajU3OH&3}Rbb^@l$uzQUlfv`p92fUfQJ_m0nlcb)S}F?)D*X({9FaFkF7FsyTu%* zc~HG6xZPrbQ?EYIG5Vl*MT%#b5HRt8nDA5!L7D0BS&I#I8b?netIJaKxmO`ZK_^OT@GzAk3=Ie%FF__8)z1{4KH33_pv zdnu{%ZCM&n=3OYX_T$_$*Q)k@|7M>5Z11-X_kZ1aX8wET_p)c^yBUwo2=w5TVx6{V zg5Scl4LnvIkFyFq?b0h)Uf1PS&ojP| z5*V#4W$-z=<2hr=^DA2$xb^vtan7EbIMrN$Rq%txMv0es_B{7GC)a!SJbiw1$L-hd zAzL_Oe=;bq5;ys$HAyPvQc~k7b2mTj9bpr8ieFD~o-VMQZ_bVhmh8P&@2@;#e(&M* zEMSgzTewr(4n;YE6roK@y6;Un&v{OUlcSA@kgO0F7ng{gE!u@M zwsP)c0(_k3cd(oTXOJOVdyr2OapXAvXe<{hh!}tc+Y$VOu`XEup!ldZtSJ{4k0RdH zgY4m8j|e0ZwETZ!v?zo~4x5Y1)SMFO9~g!ug9EU^_y{C~UH1|K#s?uG?)nbe4v|*a z5WH?_7>xz%Yw1G+wc&bTLt`ztK3vZTeiW>u4cCQf>%!o=P`D04+ZX}Y2mgIR zIM$+ra0nMP=5Je^6%rCcCPyM*u(-H5tvFpRVstPJZftA})7F9M=s-CLC@DUI>`#G4 zkd%HYps}RDXnZ6YPmBQnRP+xZ#*mQ^j;H?#fe`tRYy|1=G;tCJqxeU{;9A;0L;3}D zaQOeB1j0XP64?d&Uw{8kVUlZnBo^j^B@tty1387mDg87RiLi>s`jd&#u0&$^uPi!+ z5XnSR2r&|DWd&Aq$43Ma<4Ed%!5thBb`d19e?%bG4vmCx1hnw@AcP@GTSphAZ>){h zvx38|(MHB7xRsTzo;6AzV_=AZ|Kg&FfiVPZ1o;;?=)YXlzjA+e0wI!P8I6s`$6|vp z(L@6HuZR)&fA_`kU-kax2K~D)M*qr%ah!qutn2@(^RF#V^ZcCt)3uz%KYfpl;52(Q zr>hx4lRKP~7H)?|xl+a^&UCdOwG-=F!n0|jrOD>B6!24-=B&3EF{T{st#9%N+J6%4s zvd&gAvxnFEJVmdP<^#uHsmyx~W0rA*!LXX0R(5&tOxtc*kL7OXM%>0X`_29Jn-6Uw zv|IDl&CYb#NQ&Ld;0S|TzjU(*j~9`0?o#Xg7V+9g6Ytd0{_8zKAyc& zCVO~o(sSzW>`B&(sJk^#{CXXr`;Nm+H}#Zttjo(UKfXNsJ*w!@Gatm(XrcL;u>ylF zGyTFd5ua*T;zCU|WA1<1ncjUlxYfU1c&F_P_lA*cmSlFuZ$bhTqL6TSUMU)GjsXUA7bY|;(ap(C^ey>-6!`WwC zciq{sh0~N8=g;Y^vvo}0fwjXH3p7;$Mic#xo&TkUY_nu62B=dp>bckccK!5gXldhQ zXs+tZuJ|8)M#07A!=&N0^L*R=x8KWn?mcJv4y{owZ%R5nr$_22H3ND*b@7=aa^<)5 z9u*1tF(I~rJgHKFCrUQEHFg72H&H7mFUidr`F?eVCf=W&Y~$}%=CfYahm?qo%rGpg z7N4z~cN}U3Z#G07?=QJN`HG!!?y9)jq|zViYYitFepE-TnMe^ObmG$}zL&d4lRg4X zc(GcpnjY^}sADGL;pp+osoh@i^#|UjZt79FkpMlN-phtL#<=Ct zEepZQJMveY#D$lX){xH+7g%JajL2yQzn95k2FuQXSl{Fa4$*gNXGm@Ffp>wO^pGP1 zl!lwWt$vBnw_YA#G4*BFxT8w5aVg#{n3f(;8k^^uH$zV>E$;}F?`X;@4ZhKLu5->E zC!RGpLuNDC}-8Y-52orrMo6&BBReoQnH~Kl&Wz) zPwpCHf7)s&|19l!;>i@SmbnD1!e2Ptt7#o8VrhHH%-SN?UfY@P8c1;{KdCKaT?k{N zU^51asGIAhH0HB!D)#0#mY*XJMHb?(_v`la5-;zw#F5QRz&+t-kG@;CJ`JvX0XnaH zz4^;g>y(LOz6Rg?RP^gT>bYX_1-0~mxq>|Y^FWWU`u$u=OAl=0e|O~TiO<)ZF}igQ z9e5zRxZ&ITZ{<*&3yw*3Y0kkZv80jw)I10AONRo+ol7EGs&f%`?tOvbtB0K$&*n*A{|CIDrJSVuY#8(ppoiBkxKyb)hX<;Q@LTp^0ef)y+u03#i9Tk!Ws3{^Q?# zjEbKgJC&Zq04!&rER{r^O2pfM)X)P14Wka4kP;O-oWOg&qGH!oj$fWjILH1|v1Iy( z;^6UOCl~^-*Ox8B%gUF!m}-A|H3@zbGZa+J8(JD^ag(RjFi;SoljS(Z5Ho$ZK)r9H zAp3C`qa^6Y%X5V#ajn@biF601Vh=4Rz2+x08ay0`^+y75yp z%V-L?kuK9$#=Ch%M8KiRWW*7$E?|FgLN%Md0U431N2-iW7I~bII_}gbI5zOMY3fVC zL%TOf0R+Fm;R7!+BHPP5bH!-Q_sb0C`JH~R)2Kc*j{f|vDmecZgks5Q;m2 z!!4SNVah61;=zqhbJ7m?W*d>1{=-*pheGya4GLLB(sK4~^*2%kwf76woLcN7T;Y;I zRdS1$Xk<7IL*D?^o1amYyxRl@76^58(S@=L>E-#y-0(8`DZ#iG9yBt|7A5=4m*VIR z^c`UOg_a6DuzGzm@x+I-smQX8?0|`UsS2B~0#UPq;nMZqc6)TivV?`#x5bSXLe1_L z&L3zC>kw~JqGalfm@^q8ym5I3I7$0z5{OUsMtj4&v)IcFpeQ3}LRJH*F*qOkRDwXG zg1lfNCdOPq;otTd7&4zfe~7}sm4iy zxKSBb|7^ebhx%G`+JJqU>_-@XlTk+}gR8WaYbhYB-g%B8;ZvJ4r!~1G?RSMHv#(Zz zYA3n;CVe2JYT|_|Fg^Rz!&+XGKBL#4%e+0NeuFs~<)1V+Y4f@8P-=ZyfnT0<3> z3|FeqZ)vKguO(SoUp)RN!tG`M&+1S{<)1emvzIgCk!9}$@idnNkSv1Rp?DM`+3?2)N&OCr=4DB zHceH;eyR^{?`vJndH2LjFTzdWY4OTOLt*KY(rHIRYm1Z&m+L>=#2LIz?;4`LU~3E3 z%C2<3WlPBPiY=tR0`S$sBf6DV)e6x-1~BD( z$mnO$qe|NA4#%d8Hb8AFg@2m9(t^a_P_3{N<2yf!NC-<;t81$Lgi+P>KwXPXr&_0$ zs0kVr7MSP>%<6%a^*tDbH=UVM@3xiHZ-w`N5b5(RA#Cb}y2DDxy3vEPK$})OfYjP&Sw$6MqcK7&P zbVK+@sRX5ThoRYAd}*?j#i8>dH? z2J3yi+qblucHNUgt__&iERSPit|*Um{!whO-JyLoI*ZUTknLT0P|&a}_Rmc3#I>af z&gXKrVOabf=7YgCEsKfr3(!~KM;D7dVHYf(>-0rPqMH~mPdm(Efx;@$>`#pnUVoz4 zPqCLPRJNm_iT7rG@rQRVtvoYK)~a!}qR9t>c^)l0S$bNphLazP!zBA~`vZ>zD@?A| zHG}6rbg<6WFwJlMP(@v{8y6$d={tnN>7%0G?Wq*SfP*B8zB6x1`F4W4D$Pr1tTK=f1XHmT6<<4`s*hes9ET|0Mp zmzBOJX1y9W4E7>Kr+F1Un60|_WKr^s?{T{x_an8jU4+3p|k1|%Oc%$NbBBuiW)N`mv#O3D+9QW+dm@{>{( zJaZG%Q-e|yQz{EjrrIztFe_$;M3hAM`dB6B=jtVb)aX^@765fKFxc2v6eK2Rr0UTq__OB&@Hb09I0xZL0)vRD^GUf^&XRs)DJWscy1?p^1XIrJkXw zp^1f|j)IYap|QS!vA&_PuAz~Yfu)t9sR9%z0c|TvNwW%aaf8|g1^l#~=$>Fbx5 zm+O@q>*W`v>l<2HTIw4Z=^Gj80#)c1SLT%@R_NvxE5l51Ni9w;$}A|!%+FH*nV6WA zUs__T1av9H3%LbwWAlok!2}F2{ffi_eM3D1ke6TzeSPsO&CP|YE-nd5MYtEM!Nnn! z1*!T$sm1xFMajU3OH&3}Rbb^@l$uzQUlfv`p92fUfQVL91WY_2COp*wIq-C!ng>kmMZi=&b6(Oe1_q{BPZ!6K zid%1P_ zv~r8Hxfcix91!zv3&H+izEYPu?UjlY9T!-Ouk>7T>S_es87% z&*4Q^uUr#dyD3a#MZkqw+ACE0=V+BYGU)oq7XBg6RV(QAg!U*KzW+JG8Q)~Ir{y2o zYOvGRrSo{i)fLAXL!Jc(h{j2C%{r`jeB-T;VNcSEjNg3b30-jIlTBWs#B-TnTeICS zbfnFfyw#|An5VWQ?PA$%JLzLP9{;+v-rYQl$8h_HqegzRt9bwV>ak9JsCG-h<$7Au zqh~V5ex<(M?o(*lwl(wZvAQjay6gPiw;wUNm$t{`&Za4AXDI3}4DZ%Fy5q(B!iqLE zp{}1TbB%WJtliOYc~z9|!>U8=B^@)?-^kTi;eAB!QMAh3)2CUlJz$(BwCcTaO-Iy~ zd)+rya~AUc(0gRHQB&wd>qe&Jw%=9GYAP1`kJ2})t38|7QQ6k(8GZcYg*$qdYXY-Q zS7;TnZTV-sD4+4TPxVb#Z^!R}ZvsMApNMozE~(x9?ZNV#*{>tL9W~pdr_Em4bE3M@ z(dOcPm1xJUw+=7cE-ZK3n|o8+M!nm|0<^!n&pDEG=G02QIAuBM4;pci+Z2+ykMO&e zGTF4&&Nvdg#P)pk?gRezORr+>eufN#j5;2^{#N$SU=-^U1V9z{{O@M{>2s@@)dpVdY+CC-_LMz g%wD_TJ`)ea9{bboGw(j%0xEkwUHx3vIVCg!0OeFax&QzG literal 0 HcmV?d00001 diff --git a/front/src/assets/menu/yyzy.png b/front/src/assets/menu/yyzy.png new file mode 100644 index 0000000000000000000000000000000000000000..10de2b03874598d55dd05f873a67291fd983b1da GIT binary patch literal 1493 zcmeAS@N?(olHy`uVBq!ia0vp^Dj>|k1|%Oc%$NbBBuiW)N`mv#O3D+9QW+dm@{>{( zJaZG%Q-e|yQz{EjrrIztFe_$;M3hAM`dB6B=jtVb)aX^@765fKFxc2v6eK2Rr0UTq__OB&@Hb09I0xZL0)vRD^GUf^&XRs)DJWscy1?p^1XIrJkXw zp^1f|j)IYap|QS!vA&_PuAz~Yfu)t9sR9%z0c|TvNwW%aaf8|g1^l#~=$>Fbx5 zm+O@q>*W`v>l<2HTIw4Z=^Gj80#)c1SLT%@R_NvxE5l51Ni9w;$}A|!%+FH*nV6WA zUs__T1av9H3%LbwWAlok!2}F2{ffi_eM3D1ke6TzeSPsO&CP|YE-nd5MYtEM!Nnn! z1*!T$sm1xFMajU3OH&3}Rbb^@l$uzQUlfv`p92fUfQ2-5f>J_m0nlcb)S}F?)D*X({9FaFkF7FsyTuu& zc~HG6xZUD{Q?EYIG5Vl*MT%#b5HRt8nDA5!7kGB7ZCdAc}; zRNQ)V!`EYqqs;M-wPvSJ=bd)z>k}j9)!v%<{AQ}+{|^r*)*k!#{mka` zXN;@7Rz}!{+JvQxnq9DZbDX6pgMY5aeIxh6ImeQ}Zm&y}VR!!WQY1sT%5d$UY)N5@ zre|4fSx)@RLY|iLAHN`!s^D+6cj=wic74g-HynOlyAyWts&dMcZPDzrj_`-hoppG^ z{k1$*Z>%?VIEgNsZMJdYmlkn@;PrDVn%yqSI7-;2#~xYo)+XiJB%aTE&Y0_cWyoCo zpZP}CXW37y&(Aoz$aO=xMXTG(a`C(e>SZmwOJ2|Jxe@(yXUqnD3B!3Sa!;IeT^n*p z^}?Dn`<5}m}JtZ~&<@-awjpn{~EnB?hwXs;NXsJT1eottPaofkeOMK(beUG-O^qk#!an0Ku zecC^I?UsDFkg?gVuQO`zg31?1jhAd}nQr&CE0M|6!tZzZ#)fNERjs+PwI|m*n%-d9 z)v!L4$GExQtnu7p=EZ{S7cU=U_;&L5w6A6!`Q?3&PTH&Ol+2vZn_=7*a^Ze=c!lfr z4eZlDoJS0Cgw<)sx%}^YIVsl5e%2u$@j%w7SgU{c9qL&m7&2tv&G-~`_&%th N^>p=fS?83{1OTJIIqLub literal 0 HcmV?d00001 diff --git a/front/src/assets/menu/zjfw.png b/front/src/assets/menu/zjfw.png new file mode 100644 index 0000000000000000000000000000000000000000..2affd86be363c369b619563cb2648a4186ad2163 GIT binary patch literal 1578 zcmeAS@N?(olHy`uVBq!ia0vp^Dj>|k1|%Oc%$NbBBuiW)N`mv#O3D+9QW+dm@{>{( zJaZG%Q-e|yQz{EjrrIztFe_$;M3hAM`dB6B=jtVb)aX^@765fKFxc2v6eK2Rr0UTq__OB&@Hb09I0xZL0)vRD^GUf^&XRs)DJWscy1?p^1XIrJkXw zp^1f|j)IYap|QS!vA&_PuAz~Yfu)t9sR9%z0c|TvNwW%aaf8|g1^l#~=$>Fbx5 zm+O@q>*W`v>l<2HTIw4Z=^Gj80#)c1SLT%@R_NvxE5l51Ni9w;$}A|!%+FH*nV6WA zUs__T1av9H3%LbwWAlok!2}F2{ffi_eM3D1ke6TzeSPsO&CP|YE-nd5MYtEM!Nnn! z1*!T$sm1xFMajU3OH&3}Rbb^@l$uzQUlfv`p92fUfQbDGUru^F3W0 zLn>~)xp6XEI8o--0qqdo6loXY|gui`~f7G&3(X@Q`iHf#X%oGdas2YD{}*{m&%9{rn;AIY(t# z`FK;x&N}9Vx}Pd7QSmxn^y&t4%$0Rtc(#b$E{T76P(Akl0)xhgEMA6`j-R%JoD}?LxKBs~cO~!_TVDZhpR_tG(j!_BOF(dA6+_>M`lRqIVyA zv#(Wd@=j;*t+UUpJF~;;_F~^6=II~xUTrh)Z&Um`=Sr%<^kw|UN_vmve=P96xpLhs z_fwMh-McwOk{J2}H$Cp3l*Q9>R{Y!7#on@!Ymds6m#lW1pT+jZ@&A@+gEaHHo|W64 z?}^i2cffM@&*X^WpKPy=bMDz1ZGI+3-SoSCBiFb8(yZ$3zx`@`zjxL!@4MwD`z)-8 z^?I||*Rq~%3$z!{(k=;
-
{{ item.name }}
+
+
+ {{ item.name }} +
{{ v }}
@@ -17,7 +20,6 @@
-
{{ item.name }}
@@ -25,49 +27,101 @@
-
{{ item.btnText }} >>
+
{{ item.btnText }} >> +
+ +
+
+ 能力上架申请 +
+
+
能力类型选择
+
+
+ {{ item }} +
+
+
+
+
组件类型选择
+
+ + + {{ item }} + + +
+
+ + @@ -93,7 +216,7 @@ const imgList = ref([ } .title { - margin-bottom: 20px; + margin-bottom: 35px; .text { padding: 20px 0; @@ -152,6 +275,8 @@ const imgList = ref([ height: 350px; margin: 0 auto; } + + } .img-bg { @@ -161,31 +286,26 @@ const imgList = ref([ .process-img { height: 855px; - background-image: url('../../../assets/menu/process.png'); } .shelves-img { height: 497px; width: 1107px; margin: 0 auto; - background-image: url('../../../assets/menu/shelves.png'); } .apply-img { height: 752px; - background-image: url('../../../assets/menu/apply.png'); } .demand-img { height: 525px; width: 1300px; margin: 0 auto; - background-image: url('../../../assets/menu/demand.png'); } .down-img { height: 544px; - background-image: url('../../../assets/menu/down.png'); } .list-box { @@ -209,6 +329,9 @@ const imgList = ref([ font-size: 20px; text-align: center; padding: 20px 0 10px 0; + display: flex; + align-items: center; + justify-content: center; } .name-box { @@ -218,17 +341,135 @@ const imgList = ref([ flex-wrap: wrap; } + .icon-name { + width: 30px; + height: 30px; + background-size: 100% 100%; + margin-right: 4px; + } + .item-v { min-width: 100px; color: #fff; font-size: 20px; text-align: center; padding: 10px; - border: 1px solid rgba(255, 255, 255, 0.4); border-radius: 6px; - background: rgba(255, 255, 255, 0.2); margin: 0 16px 20px 16px; + background: url('../../../assets/menu/sevice-bg.png'); + background-size: 100% 100%; } } } + + + \ No newline at end of file diff --git a/front/src/views/instructionManual/index.vue b/front/src/views/instructionManual/index.vue index cb4c45b6..b7956605 100644 --- a/front/src/views/instructionManual/index.vue +++ b/front/src/views/instructionManual/index.vue @@ -1,28 +1,25 @@