From fe10abce0146456d18fde20c034889212d385d07 Mon Sep 17 00:00:00 2001 From: Apple <> Date: Wed, 31 Aug 2022 11:09:33 +0800 Subject: [PATCH] =?UTF-8?q?=E5=BC=95=E5=85=A5=E5=AD=97=E4=BD=93=E5=9B=BE?= =?UTF-8?q?=E6=A0=87=E5=BA=93?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- src/icons/iconfont.css | 71 ++++++++++++++++++ src/icons/iconfont.ttf | Bin 0 -> 4724 bytes src/icons/iconfont.woff | Bin 0 -> 3116 bytes src/icons/iconfont.woff2 | Bin 0 -> 2572 bytes src/index.js | 1 + .../goodsPage/componentLib/main.js | 4 +- .../goodsPage/componentLib/main.less | 12 ++- 7 files changed, 86 insertions(+), 2 deletions(-) create mode 100644 src/icons/iconfont.css create mode 100644 src/icons/iconfont.ttf create mode 100644 src/icons/iconfont.woff create mode 100644 src/icons/iconfont.woff2 diff --git a/src/icons/iconfont.css b/src/icons/iconfont.css new file mode 100644 index 00000000..05df53d7 --- /dev/null +++ b/src/icons/iconfont.css @@ -0,0 +1,71 @@ +@font-face { + font-family: "marketing"; /* Project id 2908384 */ + src: url('iconfont.woff2?t=1661913208504') format('woff2'), + url('iconfont.woff?t=1661913208504') format('woff'), + url('iconfont.ttf?t=1661913208504') format('truetype'); +} + +.marketing { + font-family: "marketing" !important; + font-size: 16px; + font-style: normal; + -webkit-font-smoothing: antialiased; + -moz-osx-font-smoothing: grayscale; +} + +.marketing-list:before { + content: "\e626"; +} + +.marketing-beijingtupian:before { + content: "\e833"; +} + +.marketing-tupian:before { + content: "\e889"; +} + +.marketing-fuwenbenkuang:before { + content: "\e66f"; +} + +.marketing-sousuolan-:before { + content: "\e606"; +} + +.marketing-lunbotuguanli:before { + content: "\e642"; +} + +.marketing-sousuo:before { + content: "\e62f"; +} + +.marketing-yanjing:before { + content: "\e611"; +} + +.marketing-yanjing-biyan:before { + content: "\e63a"; +} + +.marketing-duigoux:before { + content: "\ec9e"; +} + +.marketing-changjianwentixiangguanwenti:before { + content: "\e689"; +} + +.marketing-wenti:before { + content: "\e639"; +} + +.marketing-quxiao:before { + content: "\e61d"; +} + +.marketing-jiantou_xiangzuo:before { + content: "\eb09"; +} + diff --git a/src/icons/iconfont.ttf b/src/icons/iconfont.ttf new file mode 100644 index 0000000000000000000000000000000000000000..92068a3db9c720e38fd81db7d4bd4a1f93525d04 GIT binary patch literal 4724 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 TE;rLjm2&kyb`m&3MxuRK|_^Z zFI7O1D%~I=B`SFz@2&geowfGN*?aAoGi&C@oCk*5+5iLqg9QyRAI}`V|KrE`|A)>U zV+{a+oB&lN5Jm#g7yJ$HNXmekCdiM0!y*jb2}Hans6~Oi2LR|IPX6keb9D1_0COV% zV7vhUa06IceVvm%-VOkmib0{FW0ag4!6!&wvnOoP{Ph5q(LZwhi)=Ah1|) zaPuI5J~)^G0>|J|IIT&MlE)CS?Q+6nEg z3U+1_a0rW{1B8`e*MQ@-cswqZn?piE4%wgyb~w#jAL)U6DXef(_HvRsTc{d~mTIU-l;++-QVJ8ZN#&A8 zc9;_H(EKS&znDDTIkr!?Ipwt_aTh(3oG%U-K7ybj2W_`b02GFk{H8trKC?R56=?Pn zx$A}u(^ZH5yOnnBsb?RWHUvd={*;4Aj#F!>^4PT_Y~MGBlO2vMp4~p@Ip!1CC2)0h%Ua|jB%9%_O$nXUoJd2w9I_(rg=-? zfv$O>=AGoTGqwC3*U{0b%bmfN7Ev4dajr^E%p&fE*r%sq{%bvTGlgom^F>B-rx`pK z4idrwMTYgg*GgD#LfsMPBe{gfAKm9hLHth)2mYb;tNtA7r%@Rmvrjj5d}#MgjPiDZ zZ(Y@2-B`u?Lx`yG=+kMfOs``%1~8jb0ijtfsjLISQF19X)h_OewbSe7p_fjh5sYYd z-8>4eHUpjZEVsi0z@iP=!%eInjoyqD<2xYRTiJ zjP&yKYHTCVv*p_Im>?ccIR=$k2ITqestB2~&;(nrm&wB|jSg3LHU-_~H?Bw|pP9pK zZr|Yc5ln@15Z(CeiBeG`D1ZGQTz_88bFxr>e;Bz*rR>v+-_B4^@)?cH)UbqNjsoa> zm&mX#%&Es2dXH*o^}3i6=w;n2GSSp6xq3 zq3ow^8j{Bpd*SL=*CjE`fpB*gXMU}LaZi@F%Ynx&dCq5rS0r>oy5wZ5(8ctSNBVs$ z>d@Bn!K@y#6q%oM7O=JMaI}OVtRDF;=*lYE{WM&4K6&134JgYymHZ`Lv`Jl5tU-rE^hO}73*-}ops8qjnT ztwjE-Sf4Gktlt;;CMIo!`LYBL{=zqCnXJB0SO9f`}u$EjInwOW+^ZvUn}#M)RFs?nEl+VaJA$Jm%vCNn>m zgcj7eR|6i5EDsQuXK7W`6=*@#H8>|JT>pVbE6hRE+9Hv zb*EaMV==qJ_MC{FCFZ1Ev#L}HZH#DVL=34z-|Q9H$C{6pDE7A3B4Q__$<{4nXBAbx z&3d)q%q^tHSNot=bUxIH&!GN!)Rx8A_REh?6E#!cHO2a$-WjX%i<9)$V(#s!BAawo zyhTsQ%R|mz`4sosmb+LgxkDh-^N$%$b@^`pM2s)-S8sHh;e^XY$switg2n@IJO_6S zlXx8R)hwBJU!#myzRm6m|Y z>1b0ESCqQ}&eMp6ASmT_nfPX?{mOg&JszZosj9=`DVeyUwm;TEF+7J1!c96+T9x6R7t{(SKdr!Z2HsD%Lcm<>H=`X&nw3)V1>>hmpnVZPOp`&Ro~}@ORgi zmQ+`{l9DpMZ)$2iRfDrymsI&RMq>|>@me}aWXi*-SP_j!RZu)WQ_PHv6;pA9W`)Zn zR2Cvb03%1r(X&RLq3daf8(Xd!8th(jw(;ndE4}Z%uaFTwEqeasmX2YVaVqjuAKTMz z$pS3v8%KgFE?BEr&#db^PCT-Xw_YFT9jV6HX1K|bqZQEoGD+CSDu#DpDyz8xGb1O6 zk)Li1;HEVAH*gzAHcw{QnG0Td(yJHKHJl)$TPUmMb->kCz4)}h;s=`f)6wcYe?|8q zx-Vye3)5L$%%SV7J8IzaA}TeObf|%%XjM9!Z6HGVm=$?sA_#OLp&zKg*M}%3N zn5WHHfxCl9(B&ZS!|pjKR6cEm_tKmVFn|-I=y{UMv_1sZ(lj565;NB}RumO-|MC%) zr;c1`s~V*id4?|L-c7SxZuc7N&TZ|wd>QOq+)khRyg5>XK&(_y)+GkMRWIRt%YNNB zqpGqx9&6NFw$IQNpSL<5Ggk5s+4_MZk}W~WbEd%L1k`2n*Ubc8l!4c0COrHb1@E`3 zmXL%(6EMl)LVm&a(@14r<=~^oY7&uUSRqDl)CDH95HHcX_mjd?#fsu&>3g%zYo7#5 zBUB%~2&4rezFyh${*BysJVlkf&$m#1{Ga}}Hvw#0e>S(^=BZLa#wbpa=B+^wThQnDD=Sk)xC2oE-oW7WhV|!4N^isXzgq zFOYh$7BSw?g-)8c#yh^u}Rfp+8OgP1q)2b%FC-+(za~_c`ZkxD`cdc(185*rey%5Zl2`@%v zL&F%Ba?2;n>Ouu3i6#on{U+0z9X@=Nk(TUrPIR#-$Lo*7$n4q-qme&a+`mb7L?OW< zS!w&{26x20ixg#QkEW*sK2vmV>|f2n(?OpE=cSpcxj~ z!i~79tL9hIj!LQp5M1R!vapD4>4Q=aZ4-OSp%H9vSI0>FA}2QDE}!%Ix8&@L7nqky z-WG7&-mj9dS>`PoI-B$B_wu6}Bt6+{@c6BX1{NHlQtYnDk%ioBbKIAojfzcl44OoK zkIJ2;3(AbYu83a|eNB8{7{wqr%1kKq&7?_FpDwm+I^@ z1Z-jk{jwDbSsZ{+C%9NR;q5892Nx_q4Y=F56b_yV9{Mr&zRc9C0NpgiMXu905?tq2 zG7Tb$kgUx^-wAHc$Q?DeKIDsnN~_nTWnwA@!h~ zZ?jSoAb_pS@tDys>eL!ghVU3%pc?04&>wj%u7+-qG#YvY# z{c`-v<*$`r{x0zSytfxpa>!mD-zkWTtcsTb7%<~NV8V_CBN`hLg|lz}c}A#VhyT0o zyapb{V1Nae!3+yIg98?E3<4JE3?^7)GuUB~!(f4hTBlxfJOmo%axmCnr4&fhTn+{W z+du{<>{eG{g&QvYnk2voP^SicWnev+)fV*iN68H7dY%_zNf;bXf{)__1cb6V(NG|V zO)AmgaQePsxRfgt1_z@dK^zWWB#MD0D4QJ?I2)#q0YJJCgz14Gs#`;Dg<;yUKxc3- z?Ld=;dXoh67!qVoG(4vbED!2yP}mBW^f?5cpmj2dts&zH(;X)?gyZb#1dSh;Rj`z_ z+&&zLTQRbW6AsVa=p44?Qd`x&~ygMpCQ4r&6t=3#|E)%7a}uh5h1cz#n+U3A{D8;X0u>dgvm5I(Z&&P zW_McSc54uyPwN{*69I%HZ4aXb!VqqvrDn$GqniEZ26EdW`p6Dy=TYYH_Sv*xYx#LM z?XA3+WTCf`!W+2f8?CR&N;xKIty?zP1saoS<7UeW17UG)u?unYR-e~Mtg$PBQ(^1e z>$7rkhac6&xUSh&W)mrB@pOpVEEX$oGz$%5I|8DVBKipkA#qPL0@1`sd9=<1bP^L` zJ*_$h5Gr}5@9zd66HE!v^{`F=5Qsv%lCOz(&YysF{nW0!fDPrbajgzi_e}s?E-+P>n$mbv_j$AOq6T5XK%lhkZ5GPO2wU5&x3im|rPWMsrA2Km zrsZF^hXUjEgtmd>ry?cOB`Q}R!Cu4f<*T-t_b7Gz7=4H#^lwCs>O+1FH56usm_}H5 zLyboU^Lu5uj8qn2_u6}@-I0AGH*MO}i@bQDQbqNPs;D?WAJ232SnG}*tzUnW1@cQ; zclLn!Nx(re;4R}hNFLnogoJDq3l-%uWA$cIC;bfCh_aMvlP<*`WE+gx&HV-p9WTL*OWuifoqZ{-daGJkz;!aVl>GFBr1(QZKb`gY0}_dnS+#lwXzn`Dc4^XmL=Ns|3rKI(W#m3~Fk| zkRc?N%9u7}@H1lZx_%3NHz#x{4o~=DOXIJQEu~V8{%tg(DpdWGoX}%5{-Z{JQhUFh z(YO;;S60hQ9Ih{4G#tm5Ac)o672vP>qyMwB1#!DO{B7X>xu!}{A)h=pva~2#w`7?% zc5vJUfB_D$!lHgdD|u9fYe=N!a49pNR4BgU!W(<5RCP-o*2MM+hvh)SKm z&tE~#lXMHC?inDKh*AWco**aBk>-DTeqi0Op#+9qi4n979omMe?+XMO*RvfdMsNkg zhy<|S-F-C%1}s=GT^uT&ar^o7`e{i(QnE?X^%yC9xyH<&3Wofc>R~aw~&(bQd>Ovuz8YNK71Z=*2yZ_S08{G|g z1Haptof(r7F}hy~IP>LR95X3~>SFiGE;m%QYwa)7KcC7!o==NV66($}eB*ZwePK9y*y1gVA z1Yy3qm_Zl@+&dSjZ{b zzfKL<7*Hb?#?(qp#XuWAQ;b5ew$v6a1r>O0rxGV0RN-|+(f*I9fuJwch_|3tP9nOz zH$+_g5TOvLZMn8sF*$j+v_+hOAo(xw8j9#Iu+I8}n2^bi`onPF3lPL=E=UVM7ID@^ zZtZh@j|U;J?IJf&Nq;KRO$GxOcR|16);x$nLG;u$tF+FDDvY>`M5_?Z0Dxx7YytX6x|=l{en!7mT3(HTq@L9%~5?~lX9JieVV$!Q7LT$SOX9Tv1_ z3_NwZ1S;kI&$J+alvtB;C@4D(N+pZ>xSD`_%clKxLB*|8)6Pn?-S%rm&$_y)rsc7z ik#8CWSGZ7%YCdCExA*26Rm>L|nuYa$(X~-F1^@si*UlRN literal 0 HcmV?d00001 diff --git a/src/index.js b/src/index.js index a055b061..7f445d59 100644 --- a/src/index.js +++ b/src/index.js @@ -4,6 +4,7 @@ import './index.css'; import App from './App'; import reportWebVitals from './reportWebVitals'; import 'zent/css/index.css'; +import './icons/iconfont.css' ReactDOM.render( // diff --git a/src/pages/exchangepage/couponTemplate/goodsPage/componentLib/main.js b/src/pages/exchangepage/couponTemplate/goodsPage/componentLib/main.js index e82f18f3..d6d3dd07 100644 --- a/src/pages/exchangepage/couponTemplate/goodsPage/componentLib/main.js +++ b/src/pages/exchangepage/couponTemplate/goodsPage/componentLib/main.js @@ -20,9 +20,11 @@ export default class componentLib extends React.Component { return (

基础组件

+
  • - 轮播图 + + 轮播图
  • 背景图 diff --git a/src/pages/exchangepage/couponTemplate/goodsPage/componentLib/main.less b/src/pages/exchangepage/couponTemplate/goodsPage/componentLib/main.less index 66c84bc9..eb686de6 100644 --- a/src/pages/exchangepage/couponTemplate/goodsPage/componentLib/main.less +++ b/src/pages/exchangepage/couponTemplate/goodsPage/componentLib/main.less @@ -1,3 +1,4 @@ + .componentLib{ width:180px; height: 100%; @@ -21,11 +22,20 @@ height: 72px; font-size: 12px; color: #666; - background: #f99; + background: #fff; display: flex; + flex-direction: column; align-items: center; justify-content: center; cursor: pointer; + transition: all .3s; + &:hover{ + background: #007aff; + color: #fff; + } } } + span,i{ + color: #f00; + } } \ No newline at end of file