From fb216d80fd2e8cd23fcdfe0127a8849af4256087 Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?=E9=81=87=E8=A7=81?= <30545603+Foryou920@users.noreply.github.com> Date: Fri, 6 Mar 2020 23:08:57 +0800 Subject: [PATCH] banner final --- src/assets/styles/iconfont.css | 2 +- src/assets/styles/iconfont/iconfont.eot | Bin 1956 -> 2196 bytes src/assets/styles/iconfont/iconfont.svg | 3 + src/assets/styles/iconfont/iconfont.ttf | Bin 1788 -> 2028 bytes src/assets/styles/iconfont/iconfont.woff | Bin 1144 -> 1344 bytes src/assets/styles/iconfont/iconfont.woff2 | Bin 756 -> 948 bytes src/commom/gallery/Gallery.vue | 66 +++++++++++++++++ src/pages/detail/Detail.vue | 20 ++++++ src/pages/detail/components/banner.vue | 84 ++++++++++++++++++++++ src/pages/home/components/Recommend.vue | 10 ++- src/router/index.js | 7 +- vue.config.js | 3 +- 12 files changed, 190 insertions(+), 5 deletions(-) create mode 100644 src/commom/gallery/Gallery.vue create mode 100644 src/pages/detail/Detail.vue create mode 100644 src/pages/detail/components/banner.vue diff --git a/src/assets/styles/iconfont.css b/src/assets/styles/iconfont.css index 646218f..c0063e3 100644 --- a/src/assets/styles/iconfont.css +++ b/src/assets/styles/iconfont.css @@ -1,7 +1,7 @@ @font-face {font-family: "iconfont"; src: url('./iconfont/iconfont.eot?t=1582894449865'); /* IE9 */ src: url('./iconfont/iconfont.eot?t=1582894449865#iefix') format('embedded-opentype'), /* IE6-IE8 */ - url('data:application/x-font-woff2;charset=utf-8;base64,d09GMgABAAAAAAL0AAsAAAAABvwAAAKoAAEAAAAAAAAAAAAAAAAAAAAAAAAAAAAAHEIGVgCDHAqBMIE/ATYCJAMQCwoABCAFhG0HTRs2Bsiemjxts6nMMrFmQwoVIOiExcP3Y9/Ove+tapIkGnc2iUZN3kxCM2gMCRqpbMcaITLdS/hD1/wKoPenWHLZGiMpytIzCQc4oH+6oD1ujeM7XNMiuOorWFZjUiX7eEkh4RsJVeOnTIVZ5B9cTlsDA5lnb7msbWMt+igak+LA0oDGXmQFkqA3jN1E4BA2E2g3xkJvxT6WmYoK9ArEQ5dHmUrOo6pWvFVorplYxUdNWvN9/qN84N+P/4JRITUVYNj+1WOaufkVulfZt40JiuElqNObUDCPUomb2siZvLAYrPbmBYsorVolc9UU71VCpI4dC+FfHiEVohlAd4IFLVr4FcIIwa8iQvKrilLgh2haZWwKZVsnjhyQQnT2C/lTjAsQ5gDIItTPHzHNFPmMoLjYHkdzmvHL5cov18drivP5ISGfVqRIG383HcfQWye5w+vrOyJPTZsHzXnSGvzVu6jMTQdQ7SedIjcxMmiw65KBfGQ+QZHf+Dd+uCUtaC/9W9UKfo69lqc0OKrgQ4l7i7+ouGdRDaVAW6svw6LIVo2N7pFo147vmKCfO4dmqHeI0JoTW5BajELRahxbifPQpMMCNGu1Cu3mxKd3GDCQF7UNs5YKhF4XSN0+Q9HLxlbiDZoM+0Gz3shDu4MYWLDDZGyVzQFGhCnEv7BNtGJITzWRPEf+KSKXlXLmGp3f+mHq9Rfjz6jQzTHEf/EZEQPmtIQnZTsUQoNxeocJjTZE5mzsa9W9aZRomanZ5KAIQSlQ8wt0JTSF0eqkVvr8HOI+CRHXkjbgXUOOt60fBHj5e2CfVapX2r1cM/SFmxkhDGhxNAnElHZIEDTQq2+3gxJkpDMiZJzxwXKtvqrR+hr5AYVWFqBVjYwSNZq03bt3SOjfSiSLpqZ5lqEA') format('woff2'), + url('data:application/x-font-woff2;charset=utf-8;base64,d09GMgABAAAAAAO0AAsAAAAAB+wAAANnAAEAAAAAAAAAAAAAAAAAAAAAAAAAAAAAHEIGVgCDMgqCfIJWATYCJAMUCwwABCAFhG0HVhvwBsiemjyJpQURxDofvNWC5hZF8fD/+33b58qbN/ePeJIkRmJRxaImQiOJNzFLmcSUiKyOr077g3YJKtUGcvovlTycS0WP0ARpakdo7FwC4FLv/7MmR0MBCsGYPGZb2/xAXeLVFMekBfYiXbABN+nOi6y4rdz/3M/XVeiO57Vnc6mmqLI1bbQzwFECzWbRRfY/yBf1P4xdeRG7CTTLrIkfCY2OEZNTGIMCcZbFyBSTS6mVmsTQC13JzCJeq/r0JHzBK//346/dQY6kZsa4k9OQHDH/pJ2kSFb8l4siHM8INo+MXcQU4nKp+SzJMLyLpKa0l3KAmKaXpLGaeScJb5P/IbFkR6pm/sMjJFkhOkb8GDiAIoUf7jZC8MMbIfEjASHzI0X0YvapoGEUp4n5iPArwSoJ5W1TRuLlsRmZ6JqUSr2gNrMhVm7vrOrz2+LpO7fkqcHFsG6/v1m72+u1mR0c0Or0NOn0+sCpya3ierZ5frhyaK5pZiD5y1f/8aP78N55+jyI234OIOsleNn7mp/3dwWI4RMTS8XEuWWtoH/TvzB1uFFkaNbhnzEYNjfBPXO8K/6gdw73z82tF316+p/dPu/TTjwwOzvDvhoa76Ryd2bYerR432J4emznEuv2dm4yuS7PkcSt97ffrlpN5C4R36zWQ2mINRIxcrSR5VS509G5jkG+/KAa0hx6JH8OvxmS4wikaxL9kKU/9zf2ji7201W9//piAd8bch/6WUOKjNev1Fr4n4QtC4oqNjS1yLm2QLZW++5QkZSyhr9jn/E6jmq+dTyhNx9DMmIJst4KuuB3QTWwBzq9/dBsC5s/MAuTFGUUW2oBhCkLkEzYgWzKJbrgX6Ba8AudqSCC5lSgueLAWrBQCMIwk8AckFUIWNkCPrJ0RCFIpEFGLjcTJ8U+PQ5iiuUDDrb22VgY5EM8xhgqj+FICAIIC3ggFOwHuVwBEGIBG2YTWyYhQk87O1T2JdtsAU9MwWEYlImAcgBZCgEs2QT4kFuaUMj9PA3EkIsrE67Jq3DGgTAKq3HAgS37FugwBb9V3rXcQ8nD4IggEADBBHiAUNAN4uISAITl3digbIQtZo+gkCc7sxhqq7CdX8V7xnXQGBvVSJGjRI1OdzVXyMrky1+Ax4ZA6tIEYYEDNTmKiQEA') format('woff2'), url('./iconfont/iconfont.woff?t=1582894449865') format('woff'), url('./iconfont/iconfont.ttf?t=1582894449865') format('truetype'), /* chrome, firefox, opera, Safari, Android, iOS 4.2+ */ url('./iconfont/iconfont.svg?t=1582894449865#iconfont') format('svg'); /* iOS 4.1- */ diff --git a/src/assets/styles/iconfont/iconfont.eot b/src/assets/styles/iconfont/iconfont.eot index 3faa59caa46559cff7b7dfd1501193e0203329ee..e9206e2b67bd99e53cecca2df95ab4fe76a32a98 100644 GIT binary patch delta 645 zcmYjKO=}ZT6utM&SDIuJhm6Uj3DHc_xDiugjRj*GabXcEUDOgoL58+t#H0;1m8zBO zN?o`pla-dP6kUjjS?EIY1H_exi!7uI8C-}v-N>}PliBzl=iPJeJLlf#;jSWfeE`3t z9kIyI4r((ymB*bo)7JoS69DEHn?~z1?p-JSlko0V^r(&1MFXQ)qx>%EVAI%Wp$b>&Un6~T#b_=k%X0^h z0E8?6YqnPJwlB=R{01P=Qkb`vFf%3q5+}^m2D3NAr9TkhsR1z9UUydytMwY=f&gU@ ztWWq1CoPlZtZf#%u{KNtG=Lkj(^UO5ZVh;-P}mPXV8HB2yJT1Gg~LOD|G7J#4wBEi zE@w1@@BL;nb}GYfpkWmA;I6St9>@xI)dPjVUhv@hhsT6ncnf_HT*dX-KXOGN594r= zHYsUkEFHq*iW-fj%Xm(i$f15JSDeCP;RHsfuv1K-7)DXgV~$EBqo%M>#)&hihmgDH zsO+x;qnXSo=e~}q1|&)D`!&BA2)qxbj!D5Uo_OKAa#q$7aaoQhG@13Br_7v2J>hI6 zbfn52By{J4A}4*DqF9lnha*xvIr1bTiI+t2j)2urEEI|*HCfhr1^zM@5s)E=JPIg+ O*j{hlHdd^Tlsy8bVSm&B delta 419 zcmYjNJxc>Y5Ph?^xr8VrViP5bV6+es1i9)6ij4@`D3T%|moKl#nG;h)P-0^th#1aJ z3j--rh_Un+h;|l|A}Gi;)`FlI=Pn5D@@C$Aycu@S2O1Hz5d^-~nySfqrqiy?A6IXd zRsq@vu#vS4`*t?|$?+TGa;vykc>P*v0?G;3ug$!Xi;Y}8Gk;-dCMSX&<%szmBVk(Q zN|Xs}pV&l;rL2KdEVKTQHxv>oJbUwhb#EPpepz>0z zI5`@hkRaxab|+KcjOZWelbqnVIz8c6t@!2%{ zFpo1Kp|Lu|R{*Z=rrdP5`=5EUS>tttd?r{6Qd^`5N}}Jd&-s>L=qY>f_PD7Y{Ml*d b46lce#vhVu4F?vLup~hWNeaNRLkYq!$0}J7 diff --git a/src/assets/styles/iconfont/iconfont.svg b/src/assets/styles/iconfont/iconfont.svg index 3ffd5e3..dc7e762 100644 --- a/src/assets/styles/iconfont/iconfont.svg +++ b/src/assets/styles/iconfont/iconfont.svg @@ -20,6 +20,9 @@ Created by iconfont /> + + + diff --git a/src/assets/styles/iconfont/iconfont.ttf b/src/assets/styles/iconfont/iconfont.ttf index 75de9ee7bf693fdb6f2a57282ccdccf8dc3033c4..b9ea6a10f350caf6818ef7c8bfc04f0aa91bd76c 100644 GIT binary patch delta 661 zcmYjML2DCH5T1FPeVZoP#E>=FG$EQzj2AJb))+9xNDmf4L8v8^7F}v%#H3wnDpf1F z6%hnwJ!$Dp^dw>rdMNn?J&7oIC_TvH!K;F_Yn+$$;5@#W`QCidz0ccT!&>W)}Ao&vbphi3}c!N1*r{dI|nSLMO|C|)UkaXS=IiojdE#&rP zwr^i!N;fo6)dn6!%_(~jGo6YDv8z+}Al7$gJP7^38n6y;p-2B9lX`5AR52*R2%Mp5 z(QNccHjD?OT0D`h;>qY(0ga=D(pfBZM-O3~Vg`8xxlzOdg;-9@;Aj=cj-wGq>5i+h zUoH&ia>J7FZbJ(yirNe4fkrU+K9o72gg$!YrT_d1RZk^VHJQ>?w&^}+jR`bT?pn$~ zitJv>a6d%Vw11WJnxfoK4k^j>&|`(488_PNa2J)i)nW<5EmUh7$TvMh?8Q MY~3^$>@Ph37jP|p&j0`b delta 424 zcmaFE|A%*iV*Mr$KL!TI8U_Z2u;kptf-QzJKY;uvKs+Zsr!wu~Z^tzZ49q=1`3)JV zi767Y3vK|}4}jP#11P|LkGU1d-UGxc8M!4D0zd{(?-d{+kdvRB$k4~&1=QaFW5N{q7^Z6@zy zRGa*QQ8+jQEW^N%1k?ahqXVS5fXXv~s?C6W4u~1gY@S6ti~0YbfdRn+%7V-Vso(&! zm_U{?vQ188`Zc+LiPM$`til9L0=*5=3&9|po<%?~$c4{hAQ+?u2+V+?6tTI8#hICl Ug^`JonURH&m0|J;b`?ej07?p1S^xk5 diff --git a/src/assets/styles/iconfont/iconfont.woff b/src/assets/styles/iconfont/iconfont.woff index fe980c868f1049e205874f2a692268148c1648d5..4155191a3ca6beceb196d08a57445936c6dd336d 100644 GIT binary patch delta 857 zcmeytaezyt+~3WOfsp|SSREL+K{WfDi6XZ3>pc9Da}x^~7#JIXV%b1?(;3Ejq3Jo5 zX+ZWHAoc>{nt4ymr(~oirZ6xtTL9JR0}HOfl-9PD=#rO6)1K9XsIg$ z15>VD$iLcx{NfUzyE%YrOo2GeI%N5^$sCLc^^rE+iFrTnA7D_ClxjHCqhQJKVj@pD z14G4}w-Yz=HW=`*=pR&Qk!WSq2uk7U>Tx)FA&&XYj3&j3*Gj)dcUCYf8%WGnoS-MP z?(&^0e;b$ncG_B*s5ZIu`l9x2zuWTvYu((h@qY8$4|j$4U;B5hT*zPl!SS{nKQYullat&Gw9ItELBB%|0&VGK&eMaUa#!RmjBuWPs4;>^sX*}S67lzTj7KEa z%N^NVWcV=c(Oq=|7yp*#?`p@Uzu=xB5nRAknEw5@v32o`pNh;SKYIQ$wKJI{^7AoX zSToD<>H*!$TBow)`OlQ`?yXu|+%oqXpO|M%h*`kLSrN+hnm?v>ueICe{DtRah9WJR}C8lhL*7tYZ*70Ra1lPR$&>Gdw(Y=efU{PhnQq;i-=e%&Yy zl+tiIVwEeHG*{?XR%!jNqI2rkuM6)}`rYxT!Tj->z?4zpJlth{3x~uKx^|^(o%1jgKkvk;6UEWI)6m`i7 zDG3P-N%vP6vwr+z7B9IYQo`Xun0uyl)4%_dTN@>hJWWVo3S`jc=86gjrUs}6P%;oW ze29U`VbVlK(G5%t?%YgyK)J+(gapUK42&!cqCmwUkj5~FVFSZHsJ?{M4a`Xb2~0_P z3MmOc_@5awFz^R4#&2d~4rLUcIc8e=~EI^Y0 D@-{zq delta 670 zcmX@W^@BsC+~3WOfsp|SSSlE}K{VT+i6XZ3n>_rIa}x^~7#JIXVhKQc&K5(NAL%)j zX+ZV^px7)R-th3ZU&-Vw;yOD7efS4pDe_p zgv1HS2}ul$0w-BpczFIFtYKr|zQky~c^`8qqhjmC&WST8woaVdXl!h0@4sDT>y8%g Rb4D%(y%G`(R}OQh0swn{?%4nU diff --git a/src/assets/styles/iconfont/iconfont.woff2 b/src/assets/styles/iconfont/iconfont.woff2 index 7b013a4463634719d4c84edfcf275bb8c0afd83b..6c917727396c32367157d88bad5789d19c564100 100644 GIT binary patch delta 934 zcmV;X16lm^1+)hkcTYw#00961000BD01E&B000N<000ALkr*C-G75rxf>r@G0we+_99)d0XON+i>$b<-2dFq*H!3_=e1{Zsivs1HEpyrz)=FtX3<6V zKgbvLKa5>@5xWUA%dCkX35|{slT#Rj0&$kb$P|-Hsg;_<&IA@L&tA@d_e^kVj@pkWlJ ziTQ}|E5RxWqvmsV)@2u+c+v4dvx8$k8#jtL_zgfH6>$RC3 z9MJ0YH0ktz`oO8lt>SvNd49NZXs&5yAoy@ZNd)Jc!$V4j}6#c-i}!pZ9kK zh~X0xOU1;wWv!rp)4wovxKU(i*5RKq7&bS-J#)M({-Adb_s`9(7kzsApWQz1(@s1v zJ3GU^8XE7Ua(8CfdbD`oVt9IN=MwAoc5X7cF3*vF#I5(Y->zCsw4!;?a;|Qc{68(^+KleBGjxP4oRlWcEVgcV9av%Cx zLyC;ouhd%jpM)(7iYhiVwaB@)K(DGQKH*nw=yCA#2Wpjz+?ov9##=2W1$;=o$4 zPzb^>lfWF1RR~zw0zR^IL?K9|K}Ie&6DP$!Jq}`u5h7%Gq9NC*N5 z3wR(D><77A0T5yV8)g$*CLuykJ3CbNCEIL&0Z&Z9VHlK&fN}s?3IQzH1o)6!no!97 zJPpKe2*Zfde%K IIf{t^0KdP&VgLXD delta 740 zcmV zXbcG&scgp@Au`=d_(RwH3ZVC=SaR7KBPq(#GYJPcpntlcJ#LNTJ6zKuxauodR%22n z`*=wq;Ts86+3rrPfeQ#&3V!q{MEat z%uNSS?I)doA~!KIXt3*&fqY~>L6P71H-5M!Eod+OTh$7Fj=h$rG&ri@Ly3Efzo@up zQ4OU)TdOa_qR3W_jqZ_X*N*R)pr1R3W~g_F(3%rlkXnpF(P|u9iSy8;!vZvGwF>R# z#HV){Fpw9u4YQUCgkBd&-9AIn%f?pX4Vn!5L9^a}$V0n>7+A2wWNekq0Y-!=#J{jj zv|>n4HIY0={wX4tm2&19o!|Ol>h%}nJNF~ooI84&~Kw1g*RI}}2Lae9XdjW$H) zZ0u{*y=jzanW@?2pa?-JQ1c6PB{YT6>ZDfs{2byw2@%(lHsD=Dj<>BJ1bF#-V4qd0 zSK7TpTr>2An;9VtXmK4=-)~ti>9V|mZ1P34Oh4T diff --git a/src/commom/gallery/Gallery.vue b/src/commom/gallery/Gallery.vue new file mode 100644 index 0000000..8f2f8d7 --- /dev/null +++ b/src/commom/gallery/Gallery.vue @@ -0,0 +1,66 @@ + + + + + diff --git a/src/pages/detail/Detail.vue b/src/pages/detail/Detail.vue new file mode 100644 index 0000000..82b4448 --- /dev/null +++ b/src/pages/detail/Detail.vue @@ -0,0 +1,20 @@ + + + + + \ No newline at end of file diff --git a/src/pages/detail/components/banner.vue b/src/pages/detail/components/banner.vue new file mode 100644 index 0000000..be08ec3 --- /dev/null +++ b/src/pages/detail/components/banner.vue @@ -0,0 +1,84 @@ + + + + + diff --git a/src/pages/home/components/Recommend.vue b/src/pages/home/components/Recommend.vue index 9aee0b5..a74c2d0 100644 --- a/src/pages/home/components/Recommend.vue +++ b/src/pages/home/components/Recommend.vue @@ -3,14 +3,20 @@
热销推荐
    -
  • +

    {{ item.title }}

    {{ item.desc }}

    -
    • +
diff --git a/src/router/index.js b/src/router/index.js index 2ea0a54..f6afa57 100644 --- a/src/router/index.js +++ b/src/router/index.js @@ -1,7 +1,8 @@ import Vue from "vue"; import VueRouter from "vue-router"; -import Home from "@/pages/home/Home"; +import Home from "@/pages/home/home"; import City from "@/pages/city/City"; +import Detail from "@/pages/detail/Detail"; Vue.use(VueRouter); @@ -14,6 +15,10 @@ const routes = [ path: "/city", name: "City", component: City + },{ + path: "/detail/:id", + name: "Detail", + component: Detail } ]; diff --git a/vue.config.js b/vue.config.js index fc7a917..c37ac4b 100644 --- a/vue.config.js +++ b/vue.config.js @@ -7,7 +7,8 @@ module.exports = { chainWebpack: config => { config.resolve.alias .set("@", resolve("src")) - .set("styles", resolve("src/assets/styles")); + .set("styles", resolve("src/assets/styles")) + .set("commom", resolve("src/commom")); }, lintOnSave: false, devServer: {