From 3e13c59236f620a243abc6a0b2dc9e46fb209cc4 Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?=E9=82=93=E6=B4=81?= <209192278@qq.com> Date: Fri, 12 May 2023 17:37:57 +0800 Subject: [PATCH] =?UTF-8?q?=E9=82=93=E6=B4=81=20:=20=E4=BA=A7=E5=93=81?= =?UTF-8?q?=E4=B8=AD=E5=BF=83,=E6=96=B0=E9=97=BB=E8=AF=A6=E6=83=85?= =?UTF-8?q?=E9=A1=B5=E9=9D=A2=E6=A0=B7=E5=BC=8F=E5=88=9D=E6=AD=A5=E5=AE=8C?= =?UTF-8?q?=E6=88=90?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- src/assets/QQKJ.png | Bin 0 -> 969 bytes src/assets/ren.png | Bin 0 -> 637 bytes src/assets/weibo.png | Bin 0 -> 1266 bytes src/components/Pagination.vue | 93 ++++ src/components/ProductsClassify.vue | 2 +- src/components/ProjectCase.vue | 21 +- src/router/index.js | 20 +- src/views/aboutUs/index.vue | 343 +++++++++++++++ src/views/attractAndJoin/index.vue | 157 +++++++ src/views/contactUs/index.vue | 145 +++++++ src/views/header/index.vue | 8 +- .../{ImageDisplay => imageDisplay}/index.vue | 29 +- src/views/news/index.vue | 406 +++++++++++++----- src/views/productsCenter/index.vue | 369 ++++++++++++++++ 14 files changed, 1465 insertions(+), 128 deletions(-) create mode 100644 src/assets/QQKJ.png create mode 100644 src/assets/ren.png create mode 100644 src/assets/weibo.png create mode 100644 src/components/Pagination.vue create mode 100644 src/views/aboutUs/index.vue create mode 100644 src/views/attractAndJoin/index.vue create mode 100644 src/views/contactUs/index.vue rename src/views/{ImageDisplay => imageDisplay}/index.vue (80%) create mode 100644 src/views/productsCenter/index.vue diff --git a/src/assets/QQKJ.png b/src/assets/QQKJ.png new file mode 100644 index 0000000000000000000000000000000000000000..5817f2c3f25a19a3422f970fed4ff7396d4e9d16 GIT binary patch literal 969 zcmV;)12+7LP)Px&gGod|R9HvVlv`{RWfaH%|8HApcXmsNRVjjrf|^LcnEC`^XLnW;On}5o6Cp_=F}J@fNEwR%g32edO}Mn~9ew$_s(S-JPv_`;OTHO?Nwc zn+-NhG7mf7Ip_cT{(H_L7Wv^K>*MwY$lLL;s)ONVdS6f{13TbN#kWFaVpf>kW+c+z z27%}T!2AY+ZPx)XVI-XG{~JKf?Qg0EbRm!fUMluEz-MZ2EMFLw`)sE!bPVvXZLO)W z@{6BPNJ4A-lBr)if#?_@XUED%=pG8Rd?`)?_LmohH_Sk*w}FT-+HcMTxthI@0_ z=tGpsJxbJoC>fwuQ7S~V$kAp3iaaD5IZ--G&5Wkb2t$8IqS>GM*!fa@?%ZFHx6Khz z7=gwxi2FOaMcc80-=J`w8fU^u=gjp9zVT#i^QjQ=W!uHN2&@R69!NT0)c{m~cvG=A zA$)s5ZOSVERzUNb7P;0NQdf(@OVPUre@FJuzG897s!|!N3AF~mIsy+1unxeTKD7=S z3HR9C`lt`^Y;zZgQypG#QncP5d3^d}HJ`*u0hTVPA=qssoe$=J_Z`Em9Xq1P!|gx_ za3W$k2fWEmE799C4#9|Do)&p4nskpeY{L43HXyE$+!IcuKh6CV-$^AW0StB`zMu!{ zlk+L_4FQh(6rBt~?OD2{csXC}83*ukBew_~2wTpHCg;tKo=KZ8XpPf1qvkA6#kP|i z7r}jvDky~)`{T|>%@kU$;+Y>e-K#@Ae+cl8B44XoUT`;WD3#PBidZj#2cS^9U<3w< z<>7?0u~i?n1jwag&jTDKF$0Z)PznGG1PTx-2vh+;nUo40aO7eTBK1OWNYu-vVI9k@I(9A0KbykO$9Syv6q@g2>E zn{d9E=foaGg%^CSBR=*r<=uVDRUgahG=VL?JD^A36^%__2{eZJsrYju@<~my;A^e< zUi67{x&}6Fj#6Wv01wXpF3?*d*7Og70BW|O;4CR)VaxrjQL)Tae2`kduE0L$&h3%<+@?)<17HU!ANE7N%S5`|PCt0=<{@3;tBTw~;8fUhs%zSRP?{C=Z1YJY r>3rXgXrq``HCm2gH{$K&E;_(}Rz*rMVBFX~00000NkvXXu0mjfKE1w^ literal 0 HcmV?d00001 diff --git a/src/assets/ren.png b/src/assets/ren.png new file mode 100644 index 0000000000000000000000000000000000000000..72f120a13f24093bbe7e01b885ccef75c52ebe5d GIT binary patch literal 637 zcmV-@0)qXCP)Px%H%UZ6R9HvF*Gs65K^({N&p{CqV&hsaDP$qpNm5oW3t3PiB@1jUBo;0UBC=4F z6*~(ll!X!tJ4p!(3)fIe?j@J#e>(5!X`1JG=e%#undQuX=J)+yp83zyV~9u35bMhU zJi#oCY=HZO37Pe87*n(F58hw}p0#XJfWL(isRIa+VFhP|gU`dR3h)}!3O0vH9YCoA z5rNq$z;6ui0$?=07w(TpjYt7X>FXje9v=$<`n9Vm=oVlcJ`WbaTTIP}4aA9F=R1wS zJuJ-tL=8kOl#H$bE@5LvjwiMM6P6nw&VO@0L(yKT*U(V}4&Z1a7F}%{ zZdc}`NaKrW8UqH1UY>T#y*Q2sSe&Tc!SV)z0Reo$BD_ove2>X}bGc9RMJ8pfBZ>ij zVKr_h;uo-`G8ZqY1&K|(s@~PSo{9jXx$MeR{SKT!NCM#PG5?~Ci86pe&RIt zW%Br==FJ#y!swEbvg(+Q8(3JGYy`NEt$36Xk7AtCP+WJhtY-ZLc4JgsGx~s2I978& zyUK2Di^%P%IU~fcVO6YGyWw@LY4EI6yab|Oru4_;G3K|qSaQovk?6H=2e1ieFtG#i z)|R*tH`MKK0=S6H1&}3daUre4!_+tjFbR?G^inAiYO;w7?IiYBjoPK4ThX@rhaBJ^ Xx?^x51Deom00000NkvXXu0mjfCwdo) literal 0 HcmV?d00001 diff --git a/src/assets/weibo.png b/src/assets/weibo.png new file mode 100644 index 0000000000000000000000000000000000000000..a3c6347b4fbcefb2309fc564ec02f176faef310e GIT binary patch literal 1266 zcmVPx(tVu*cR9HvtmTibsWfaGM=gzLWJ1#8g?A|+LJEKTON=k+)2JL=`3MzDIrzA3? z=)KUs2=&4CgAjhuz%q)U*uZsH%A&BoX%Ly1RD||H)0xrPJG--L;ksxub5GoPS?|o= zeNhA@PRwYD1yV6?wwt)gEjdR~MRsN4#KJxTw_<&1}$pBy|@nY*C? z{Aj+?f6ExK_r*w@@VBUgVx;8J5eJ9`{} zbembBXsY~E+Uv-LXT8HBBOnI^XI^9cTzaHGWD3~8a4?r{$-Mh<1_q485!#M=}7K~??jR6>(A6e=+&aV^1c560K8hTPh3ZM&AWdY!h z2A_4utfakUoIrc$w!4g|%I4XR4{aL*Fc7u23lz)6^BqH_=dzLOnV-mJ{J@=#h0Iw_ z{dz>#1B)v@0;dpp(@YHXO-5J|z`00d-amE4-Os5wyCSkfnXPvpC0CwnngJ1orW_=J zA#dQHms4+L&9}-WcGV;t!O;!wQTPEV0FR|;#fyfl;gXg+fX4fBCO>~;#f3h;{8$BvmBP^np`d#q%p3RG#oB?iU-SV?b7WWuQWTzC^QI zhAu0orQB}I!4BtP<E#YA4dg* zp9WNUA)K;5@?{|17G7h#pZ@z&JUw_H)YF*8Gkq}K%CT7q4V@3ddV*Asj? cYyJoDFK`slFb_wWxc~qF07*qoM6N<$f}V+62><{9 literal 0 HcmV?d00001 diff --git a/src/components/Pagination.vue b/src/components/Pagination.vue new file mode 100644 index 0000000..973be3c --- /dev/null +++ b/src/components/Pagination.vue @@ -0,0 +1,93 @@ + + + + + diff --git a/src/components/ProductsClassify.vue b/src/components/ProductsClassify.vue index 7c6530f..78bdf43 100644 --- a/src/components/ProductsClassify.vue +++ b/src/components/ProductsClassify.vue @@ -106,7 +106,7 @@ export default { padding: 50px 0 60px 0; background-color: #f9f9f9; position: relative; - min-width: 1270px; + min-width: 1300px; display: flex; .grid_box { width: 1360px; diff --git a/src/components/ProjectCase.vue b/src/components/ProjectCase.vue index 5cd886a..19adfbd 100644 --- a/src/components/ProjectCase.vue +++ b/src/components/ProjectCase.vue @@ -21,7 +21,7 @@ + :preview-src-list="item.bigSrc">
{{ item.projectName }}
@@ -43,43 +43,40 @@ export default { projectList: [ { src: 'http://www.yipengtaoci.com/upfiles/images/20181213/15446837055605711sss.jpg', + bigSrc:['http://www.yipengtaoci.com/upfiles/images/20181213/15446837055605711.jpg'], projectName: '大学城新校区教学楼' }, { src: 'http://www.yipengtaoci.com/upfiles/images/20181213/15446836948260969sss.jpg', + bigSrc:['http://www.yipengtaoci.com/upfiles/images/20181213/15446836948260969.jpg'], projectName: '嘉兴中山名都' }, { src: 'http://www.yipengtaoci.com/upfiles/images/20181213/15446836838788313sss.jpg', + bigSrc:['http://www.yipengtaoci.com/upfiles/images/20181213/15446836838788313.jpg'], projectName: '蒲田公安局' }, { src: 'http://www.yipengtaoci.com/upfiles/images/20181213/15446836721610532sss.jpg', + bigSrc:['http://www.yipengtaoci.com/upfiles/images/20181213/15446836721610532.jpg'], projectName: '财政局大厦' } , { src: 'http://www.yipengtaoci.com/upfiles/images/20181213/15446836584897916sss.jpg', + bigSrc:['http://www.yipengtaoci.com/upfiles/images/20181213/15446836584897916.jpg'], projectName: '西安市雅盛大厦' }, { src: 'http://www.yipengtaoci.com/upfiles/images/20181213/15446836464189848sss.jpg', + bigSrc:['http://www.yipengtaoci.com/upfiles/images/20181213/15446836464189848.jpg'], projectName: '武汉市金晖大厦' }, { src: 'http://www.yipengtaoci.com/upfiles/images/20181213/15446836342981901sss.jpg', + bigSrc:['http://www.yipengtaoci.com/upfiles/images/20181213/15446836342981901.jpg'], projectName: '杭州市风情小区' }, { src: 'http://www.yipengtaoci.com/upfiles/images/20181213/15446836233995939sss.jpg', + bigSrc:['http://www.yipengtaoci.com/upfiles/images/20181213/15446836233995939.jpg'], projectName: '金湖花园' }, - - ], - imgBigList:[ - 'http://www.yipengtaoci.com/upfiles/images/20181213/15446837055605711.jpg', - 'http://www.yipengtaoci.com/upfiles/images/20181213/15446836948260969.jpg', - 'http://www.yipengtaoci.com/upfiles/images/20181213/15446836838788313.jpg', - 'http://www.yipengtaoci.com/upfiles/images/20181213/15446836721610532.jpg', - 'http://www.yipengtaoci.com/upfiles/images/20181213/15446836584897916.jpg', - 'http://www.yipengtaoci.com/upfiles/images/20181213/15446836464189848.jpg', - 'http://www.yipengtaoci.com/upfiles/images/20181213/15446836342981901.jpg', - 'http://www.yipengtaoci.com/upfiles/images/20181213/15446836233995939.jpg', ] } } diff --git a/src/router/index.js b/src/router/index.js index 9f2b54a..1784061 100644 --- a/src/router/index.js +++ b/src/router/index.js @@ -19,6 +19,11 @@ const routes = [ name: 'index', component: () => import('../views/index/index') }, + { + path: '/about_us', + name: 'about_us', + component: () => import('../views/aboutUs/index') + }, { path: '/news', name: 'news', @@ -27,7 +32,20 @@ const routes = [ { path: '/image_display', name: 'image_display', - component: () => import('../views/ImageDisplay/index') + component: () => import('../views/imageDisplay/index') + }, + { + path: '/attract_and_join', + name: 'attract_and_join', + component: () => import('../views/attractAndJoin/index') + }, { + path: '/contact_us', + name: 'contact_us', + component: () => import('../views/contactUs/index') + }, { + path: '/products_center', + name: 'products_center', + component: () => import('../views/productsCenter/index') }, ] diff --git a/src/views/aboutUs/index.vue b/src/views/aboutUs/index.vue new file mode 100644 index 0000000..a5cca27 --- /dev/null +++ b/src/views/aboutUs/index.vue @@ -0,0 +1,343 @@ + + + + + diff --git a/src/views/attractAndJoin/index.vue b/src/views/attractAndJoin/index.vue new file mode 100644 index 0000000..bc0bd1f --- /dev/null +++ b/src/views/attractAndJoin/index.vue @@ -0,0 +1,157 @@ + + + + + diff --git a/src/views/contactUs/index.vue b/src/views/contactUs/index.vue new file mode 100644 index 0000000..cf39db5 --- /dev/null +++ b/src/views/contactUs/index.vue @@ -0,0 +1,145 @@ + + + + + diff --git a/src/views/header/index.vue b/src/views/header/index.vue index 8c8b6be..9bc80ee 100644 --- a/src/views/header/index.vue +++ b/src/views/header/index.vue @@ -64,7 +64,7 @@ export default { title: '网站首页', }, { - href: '', + href: '/about_us', title: '关于我们', children: [ { @@ -83,7 +83,7 @@ export default { } ] }, { - href: '', + href: '/products_center', title: '产品中心', children: [ { @@ -146,7 +146,7 @@ export default { } ] }, { - href: '', + href: '/attract_and_join', title: '招商加盟', children: [ { @@ -159,7 +159,7 @@ export default { }, ] }, { - href: '', + href: '/contact_us', title: '联系我们' } ] diff --git a/src/views/ImageDisplay/index.vue b/src/views/imageDisplay/index.vue similarity index 80% rename from src/views/ImageDisplay/index.vue rename to src/views/imageDisplay/index.vue index f00afd8..077151b 100644 --- a/src/views/ImageDisplay/index.vue +++ b/src/views/imageDisplay/index.vue @@ -26,7 +26,11 @@
- + + {{ item.word }} @@ -48,7 +52,12 @@
- + + + {{ item.projectName }} @@ -70,51 +79,65 @@ export default { imageAndWord: [ { imgUrl: "http://www.yipengtaoci.com/upfiles/images/20200629/15933925082928480sss.jpg", + bigSrc: ['http://www.yipengtaoci.com/upfiles/images/20200629/15933925082928480.jpg'], word: "国家权威检测合格质量信得过产品" }, { imgUrl: "http://www.yipengtaoci.com/upfiles/images/20200629/15933925195172987sss.jpg", + bigSrc: ['http://www.yipengtaoci.com/upfiles/images/20200629/15933925195172987.jpg'], word: "全国产品质量消费者满意品牌" }, { imgUrl: "http://www.yipengtaoci.com/upfiles/images/20200629/15933925805806898sss.jpg", + bigSrc: ['http://www.yipengtaoci.com/upfiles/images/20200629/15933925805806898.jpg'], word: "中国工程建设推荐产品" }, { imgUrl: "http://www.yipengtaoci.com/upfiles/images/20200629/15933925457884413sss.jpg", + bigSrc: ['http://www.yipengtaoci.com/upfiles/images/20200629/15933925457884413.jpg'], word: "中国陶瓷行业十大品牌" }, { imgUrl: "http://www.yipengtaoci.com/upfiles/images/20200629/15933925562846082sss.jpg", + bigSrc: ['http://www.yipengtaoci.com/upfiles/images/20200629/15933925562846082.jpg'], word: "中国政府采购重点推荐产品" } ], projectList: [ { src: 'http://www.yipengtaoci.com/upfiles/images/20181213/15446837055605711sss.jpg', + bigSrc: ['http://www.yipengtaoci.com/upfiles/images/20181213/15446837055605711.jpg'], projectName: '大学城新校区教学楼' }, { src: 'http://www.yipengtaoci.com/upfiles/images/20181213/15446836948260969sss.jpg', + bigSrc: ['http://www.yipengtaoci.com/upfiles/images/20181213/15446836948260969.jpg'], projectName: '嘉兴中山名都' }, { src: 'http://www.yipengtaoci.com/upfiles/images/20181213/15446836838788313sss.jpg', + bigSrc: ['http://www.yipengtaoci.com/upfiles/images/20181213/15446836838788313.jpg'], projectName: '蒲田公安局' }, { src: 'http://www.yipengtaoci.com/upfiles/images/20181213/15446836721610532sss.jpg', + bigSrc: ['http://www.yipengtaoci.com/upfiles/images/20181213/15446836721610532.jpg'], projectName: '财政局大厦' } , { src: 'http://www.yipengtaoci.com/upfiles/images/20181213/15446836584897916sss.jpg', + bigSrc: ['http://www.yipengtaoci.com/upfiles/images/20181213/15446836584897916.jpg'], projectName: '西安市雅盛大厦' }, { src: 'http://www.yipengtaoci.com/upfiles/images/20181213/15446836464189848sss.jpg', + bigSrc: ['http://www.yipengtaoci.com/upfiles/images/20181213/15446836464189848.jpg'], projectName: '武汉市金晖大厦' }, { src: 'http://www.yipengtaoci.com/upfiles/images/20181213/15446836342981901sss.jpg', + bigSrc: ['http://www.yipengtaoci.com/upfiles/images/20181213/15446836342981901.jpg'], projectName: '杭州市风情小区' }, { src: 'http://www.yipengtaoci.com/upfiles/images/20181213/15446836233995939sss.jpg', + bigSrc: ['http://www.yipengtaoci.com/upfiles/images/20181213/15446836233995939.jpg'], projectName: '金湖花园' }, { src: 'http://www.yipengtaoci.com/upfiles/images/20181213/15446836107997435sss.jpg', + bigSrc: ['http://www.yipengtaoci.com/upfiles/images/20181213/15446836107997435.jpg'], projectName: '碧桂园' }, ], @@ -211,7 +234,7 @@ export default { } .image_display { - min-width: 1260px; + min-width: 1300px; .imageDisplay_bg { background-image: url("http://www.yipengtaoci.com/upfiles/images/20181215/15448387657921217.jpg"); diff --git a/src/views/news/index.vue b/src/views/news/index.vue index 6a27c97..4e24fbd 100644 --- a/src/views/news/index.vue +++ b/src/views/news/index.vue @@ -21,54 +21,104 @@ - + + +
+ + + +
+ +
+ + + +
+
+
+ 当前位置： + + 首页 + {{tabs_title}} + +
+
+ 分享到： + + + + + + +
+
+ +
+ + +
- diff --git a/src/views/productsCenter/index.vue b/src/views/productsCenter/index.vue new file mode 100644 index 0000000..b76d54a --- /dev/null +++ b/src/views/productsCenter/index.vue @@ -0,0 +1,369 @@ + + + + + -- 2.40.1