From 2294734de0bdbe02176881505ceba6fad0ba34a5 Mon Sep 17 00:00:00 2001 From: ewall <1054064180@qq.com> Date: Wed, 22 Aug 2018 11:09:47 +0800 Subject: [PATCH 1/2] 'add' --- src/view/classify.vue | 6 +++++- 1 file changed, 5 insertions(+), 1 deletion(-) diff --git a/src/view/classify.vue b/src/view/classify.vue index 7019457..dc4a623 100644 --- a/src/view/classify.vue +++ b/src/view/classify.vue @@ -15,7 +15,7 @@ -
+
@@ -64,6 +64,10 @@ export default { bounce: false, click: true }); + this.scroll = new BScroll(this.$refs.wrapper2, { + bounce: false, + click: true + }); }); }, watch: {}, From bb14963ef6e0f236eb4951b0ab67ca886139237c Mon Sep 17 00:00:00 2001 From: ewall <1054064180@qq.com> Date: Thu, 23 Aug 2018 16:33:46 +0800 Subject: [PATCH 2/2] 'add' --- README.md | 2 +- src/assets/styles/iconfont.css | 14 ++-- src/assets/styles/iconfont.eot | Bin 2956 -> 3024 bytes src/assets/styles/iconfont.svg | 11 ++- src/assets/styles/iconfont.ttf | Bin 2788 -> 2856 bytes src/assets/styles/iconfont.woff | Bin 1852 -> 1860 bytes src/assets/styles/variables.less | 6 +- src/components/goodsItem.vue | 62 ++++++++++++++++ src/components/myHeader.vue | 7 +- src/router/index.js | 6 ++ src/view/classify.vue | 12 ++- src/view/goodList.vue | 123 +++++++++++++++++++++++++++++++ 12 files changed, 223 insertions(+), 20 deletions(-) create mode 100644 src/components/goodsItem.vue create mode 100644 src/view/goodList.vue diff --git a/README.md b/README.md index d49711c..a89a3eb 100644 --- a/README.md +++ b/README.md @@ -1 +1 @@ -分类详情页之better-scroll实现滚动 \ No newline at end of file +chapter22商品列表页 \ No newline at end of file diff --git a/src/assets/styles/iconfont.css b/src/assets/styles/iconfont.css index e4e8762..2728a11 100644 --- a/src/assets/styles/iconfont.css +++ b/src/assets/styles/iconfont.css @@ -1,10 +1,10 @@ @font-face {font-family: "iconfont"; - src: url('iconfont.eot?t=1533722683634'); /* IE9*/ - src: url('iconfont.eot?t=1533722683634#iefix') format('embedded-opentype'), /* IE6-IE8 */ - url('data:application/x-font-woff;charset=utf-8;base64,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') format('woff'), - url('iconfont.ttf?t=1533722683634') format('truetype'), /* chrome, firefox, opera, Safari, Android, iOS 4.2+*/ - url('iconfont.svg?t=1533722683634#iconfont') format('svg'); /* iOS 4.1- */ + src: url('iconfont.eot?t=1535008467385'); /* IE9*/ + src: url('iconfont.eot?t=1535008467385#iefix') format('embedded-opentype'), /* IE6-IE8 */ + url('data:application/x-font-woff;charset=utf-8;base64,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') format('woff'), + url('iconfont.ttf?t=1535008467385') format('truetype'), /* chrome, firefox, opera, Safari, Android, iOS 4.2+*/ + url('iconfont.svg?t=1535008467385#iconfont') format('svg'); /* iOS 4.1- */ } .iconfont { @@ -19,6 +19,10 @@ .icon-account:before { content: "\e6b8"; } +.icon-shaixuan:before { content: "\e74a"; } + +.icon-zhengli:before { content: "\e766"; } + .icon-shouye:before { content: "\e64f"; } .icon-xiangzuojiantou:before { content: "\e660"; } diff --git a/src/assets/styles/iconfont.eot b/src/assets/styles/iconfont.eot index 994f6b32ee4947d2e2bc85dfbe233e578ad85352..c59968874d9671e596978148759c99e208c944f7 100644 GIT binary patch delta 894 zcmZ8fT}V@57=GXHJ3D9RO!srR1%R0@Igv7yB1-J?}4H1HiigaAh>5O`g4;K2P~?!sd8#Ha7k0a|;090uYk%s5Yj? zFFq$OD6daz zsbkUJk@7tN`w#$2P3lt_e`R9?KrscAg)uzYECEtX*j>`uO;^t!a0pZY*m#lqdgu!) zSc_8O14fttg;v(nXbhKPJYUJf4W5TQ@k|vmv)4l5K5Nd+AJp@}_oH_53X$iDMEd|I z*nxp)3>y(+%~&rDlwy?%!2h|ad|*gD|2_a4h@{L&mzG8GkY@S9Q+~U!%x@LyxtgPk zBBSTnH)0yY7Dxk(hy_vuW6grOV`JR{tpKF~3$zxLVixufYYKkEQ#gSuOl4v7gq6Gi zbTckE0Ugi>gK%{lB~Sp4>&@I_TCt3@pScJL%{Fz1dgKcp)od3#%~Dt~X2Yki!U zE^NYp%PT9W%BocUS#Ec#IrAL!!#ra@zzc13Vgc-@ASgkC}Y?E{8trGOgkM@2!Rn^HNio1MH zmM56kO!t-*w_s!PvJzZfkzVpa2^n$}(1s#PXb1b9M07ftn94}n=%}7eXY5mPEiseT g($ZW!njTLk#HqNRosGI?5?XqEE~`(F&*)izzdZZBNB{r; delta 786 zcmY*UJxo(k6h7zP*V|G`E3ZGVEtIyDQWPYy)-E96&wzvk6Omvfk(W{_hPEVap)@sg zQ9Cd|YU1KR4AI36jSP%p934p9j70Jh5^>Vaw4U-ac<%k~`Of#gbMAd#lvPEnHUbBC79wRD3Px|g`(ce4=YbuaJG1=EdoDgJ(P`PERt!2Y$h-O zBc9jBv}x_Vwq2`{`hP{jaUi+RR{bssbkxg;iFe*7o@hcY+nV;1b+~+x5GKs z;=UsXTV=k6MrWw)Np*z1Lc2H6Y8kj#z11^l3;V2wC6g?>WO>yfbUFiLlEsWk#nGT^ zFpBD?&f>Q3c+cNpUNpHv?$LWqz7|<6M^c`k(tubhp|!Sjx60C8wzaR{ - + + + - + - + diff --git a/src/assets/styles/iconfont.ttf b/src/assets/styles/iconfont.ttf index fa01f055f82a2514bba6b105270bc185dfe6ca9b..252e5619824a9a86ed82874f1fb9b8294d564c4c 100644 GIT binary patch delta 854 zcmZ8eO=uHQ5T1E&vzxbV^RsD^8f$55O{o+F+s1>n_2;6sP=qRi2eZVaNzG3oiA{@= zfKb$v5-;8=DtPc9lwuDBi{M2RiwXq~wTNtxBKG2;LKA1Rl!CK-Z|0l#&CJ{Pet4hz z?za~Q-=4b+fHwi)QY58M9lw%3MSP2}K9QV>O~3ls4Zt@5q+~p*U(@1eo{*L}gyNJ? z*7+TZmkC|*RIboU0o8t?r8Sv}=+aqRBh{}Gcct{g6z+$IwBJI!J*}q>M2E(!w*c&; z04z0?$>w~uwQ&H|Y?yqod~jF+q>%9U(S>(cor8a%L81h}+SB6aJzpzHz)QsKz|1U} zS*MiSFw7(zVjt_8mOXLpKwY zohUc^jt--n*3f{vKZwCjCz9`!y_EC&`e-xMkE6n)tO!p)y{olq4eYcUP!nb(WVuP5 z7i^t#Wkn5m#J!zg4o!2gu1K_*2}UY4cc+`y#^R<4K0 zpaob&m9KHq!3?}Gb*)yVSX zkKs1}SO9>@RNBhE`njE<{yX8z-MRaBn&T-AfPVrICT6Cs+v<5~fwa4Xz8NCq9sY#s z5}|V@oy%(nQ~_?&rq5+kmT-;_lm9*Sp0t(Eq5&`HT&F%VZ>7W2gA?Tk016Q-oy{!d z);_$v0pMC8!S&~**pLKBCE@ecn@?|f2Yx}LKm@?o)xG|Ixl$B>7pYf(RauIvPqN!^ zit*oe5eEdwJ6rZg)EPgpcQBqR)Fc3lz-v_xWf%DhAiyY@-L=cAwsB|5*>tul6=MJI zh^PgU`tPd#S^$v-;dYiiM6@5Vm1TELH+HBODd!JCgF54NkPn=xI_L&)HtVQ9%Gs)e zrmV&yUcfabvEx*eva-iZTn8To^i*Z?vx2k*K!~$9_bnKCn7#&$*rm(Reh#NqNp$?cs-cbf(>GWODeC6BVHp=YCp!>(H%04 zv1?6{7S&ow&WGb#17fj=zLtpR?NGDPOkcqW`qYqoq)E|@rdX#Rm-ZWVpF7<3jUKzP r%dfDFGx9o*O309-fFepL1Ll>*+3BUZ*@c{JrBa!D^Eunw7()01VSJNy diff --git a/src/assets/styles/iconfont.woff b/src/assets/styles/iconfont.woff index 35381787cd3d607b01be75eaa450eaa1ae1fc588..438f2a7350dd94a71257dfabaa86fb290e7cfea8 100644 GIT binary patch delta 1429 zcmXw(cU03?6vux*0tNzvDG>v*mm^`wkbp82f|iY1l}ZLA0g0eQ4aE|XO&Em=N=>lH zJVXVB0wQ}UGnAtN6$2GcKuC>%6hR>UVcU1k_q=yM_r3SM|J>V*>_%!{^Y!omKmc0s zqk!V}u4taC>BMsC@%o-jCq@GRcmslvKq2njMOSKMECm2$AOzC}0NKcE4SX|N7%>z8 zj2%t%k?E`@Y52ZpT=dWB>M53kYv5Adsas+l-ni%E z@!!~)O*QB~H+95K>kjS-dzKOYD9W%Y+C&-Srk12$=_c#_Ozqs>n>@E!!LoI@g_{Lq znJeMMVP@kdV^Ig&yLeikcvGGJ4swdoNK9uK6D3T|0d5K$vWez1GyBWWpw=8b9%6>6 zw|pGU?_J4`;a;_VP0Oee>}4#f&@Zhg%UFt|uIC%-1!D~k{7cN#)zfi5^{%(PYSligKNw{{jS?FLE4E|>bgR6v zdbCpKR~#>K|9if-AdF7WtZC>Qr$~U*vH2Cr9{H4f(hEex;jHOb)wpDRO~C-JRM+dP z?H1^X2M|NXD{mCX(;`k{cYDHpiFvV32FVY1C}`!yv5E=%!t`Ec{mFlJ^+Zhdd2zwV z+jQRj@tl)Ah0T(-_qfK8fNPSfytV1Z3?9ev2d9)=w0TzRQrX%7hjE?oGy046Gi6Z6 z>`;1iZv6eHa-ZdKg=0RJ;Z69*7F9v)hy#w|y2WP1Og&=0NusyN7H2+MXt-RSWWJC< zYKy@%u&y}!-R+9Ymf#|fogNG?6H;7@knkpwmF>t%a90=l`fa`&f{J%Pu3>UmusBy( zSCu-*j)+<2CgB_shh`48ATtbEXJdrCYx zeqv*(^p7%F8f;?^d3lz0Z}Q2x4du#_!#lO}S!{VDWBa#}{0CDmO~v$r((Wkn2)7%1 z$;JQI<-C4&J$lq*3s#%{G6U*$CWlN2B@lr3AvQ4Ip5?dK!=@-iAYtLeJl1HAB~{+9 zG^p%?fx|TLngGc{N#Xwo|F(N4Amfsk3+}9e0iMb-(a>i^Xf|{tfZ)Wpp#m8IgWz5; z0(>B&E@Stf8G$-Sm?8n7slG_2R+_k`1fXoens3E~<#_vaS*j+7tiwyyt7;qN9Kis3 z4-R=lUkMlysF+}i9vjF;$Se6B^QlhfMa5cnP!m~68pDlK89NjXj0bMym)enLGendN hp&$ASJw6{YwzAb~*%T(n>^hshdP;K&tgO(o`3Hu(bE*IU delta 1421 zcmV;81#000Ge0000E0000E z1V95wZDDv1Z~y=WhyVZp9RL6TAORYY-XRG|00016ptqM?lL!GhfBwTbfq|8QgQ=70 z3k6$GTYrZ6}#R6N_k-0;7FA%?kup#dn&2$BN;GEfaD zc$~$N(Fuew5Jcaa+;NDdScwR>U=@cSwk256wxP3$eprDM-jW#>He`VhkVG#s*oqPQ zE47j*+LC7m`Hmlrf9{JMGpHvUOuF8)nu2d6;*dKulzeLYS!?@GyFm zD!A!l;~}ZfRK2byh_8}O)ASb2(P_FsAJ8ZC8GT9Qe|AbJ!qY{qg{U_GFTw8&FxyjZ z&4PHD#0&1P8v(0q@b=-=+2VEbm}g zntIYRKfS_^t!yL`8!KZRt~0hi+{4}9!tm!Oe>%fN%46Ejw?VMP&oMT{QU|;~^ zqY-hP@%%Pl8Ms*(K;Zg>ht>%Ce*+5xe{%zn%fY||5(NM^uL{cmc${NkWME)!_}{<~ z!@>XpK$4LG6|eySM+^dQc${NlU|?W=$-uzEfQkVUp8){?000000CoXF0iXf~0xAFi zc${NkWME)mW9VSuVgLaqAm#$I|AYAq02dkouK)l5c${UAO-{ow5QSg*2c#0Jv$zF1 z0ZL1k%^I+k%f_!k&Tg^fw6+4EHkw{C$qSOJux{szcjCetvDmUv@(^y bA~P{By{a@n3rLsbmohK_0CNNoK>z>%US4&N diff --git a/src/assets/styles/variables.less b/src/assets/styles/variables.less index 6821746..21ab736 100644 --- a/src/assets/styles/variables.less +++ b/src/assets/styles/variables.less @@ -8,4 +8,8 @@ @sizeXL: 18px; @sizeL: 16px; @sizeM: 14px; -@sizeS: 12px; \ No newline at end of file +@sizeS: 12px; + +// 字体色 +@fontColor1:#000; +@fontColor2:#7e7c7c; \ No newline at end of file diff --git a/src/components/goodsItem.vue b/src/components/goodsItem.vue new file mode 100644 index 0000000..447e79b --- /dev/null +++ b/src/components/goodsItem.vue @@ -0,0 +1,62 @@ + + + + + \ No newline at end of file diff --git a/src/components/myHeader.vue b/src/components/myHeader.vue index 5112a9a..ba25223 100644 --- a/src/components/myHeader.vue +++ b/src/components/myHeader.vue @@ -12,12 +12,7 @@ diff --git a/src/router/index.js b/src/router/index.js index c2f203e..a53cad7 100644 --- a/src/router/index.js +++ b/src/router/index.js @@ -2,6 +2,7 @@ import Vue from 'vue' import Router from 'vue-router' import Home from '@/view/home' import Classify from '@/view/classify' +import GoodList from '@/view/goodList' Vue.use(Router) @@ -15,5 +16,10 @@ export default new Router({ path: '/classify', name: 'Classify', component: Classify + }, + { + path: '/goodList', + name: 'GoodList', + component: GoodList }] }) diff --git a/src/view/classify.vue b/src/view/classify.vue index dc4a623..9915d6f 100644 --- a/src/view/classify.vue +++ b/src/view/classify.vue @@ -25,7 +25,7 @@
{{item.title}}
-
+
{{item.name}}
@@ -90,8 +90,18 @@ export default { path: "/" }); }, + // 左侧菜单栏点击 menuClick(idx) { this.currentIndex = idx; + }, + // item块点击 + itemClick(title) { + this.$router.push({ + path: "/goodList", + query: { + title: title + } + }); } } }; diff --git a/src/view/goodList.vue b/src/view/goodList.vue new file mode 100644 index 0000000..bf7373c --- /dev/null +++ b/src/view/goodList.vue @@ -0,0 +1,123 @@ + + + + +