From f0f15a5822306ccced636ae65c853b6badbc30dc Mon Sep 17 00:00:00 2001 From: "271556543@qq.com" <271556543@qq.com> Date: Fri, 16 Sep 2022 17:39:40 +0800 Subject: [PATCH] 2022-9-16 --- config.js | 4 +- .../pages/careCenter/careCenter.vue | 583 +++++++++++++----- .../pages/careCenter/productDetail.vue | 42 ++ .../pages/careCenter/serviceDetail.vue | 330 ++++++++++ packages/packageCarecenter/static/clock.png | Bin 0 -> 654 bytes packages/packageCarecenter/static/pic.png | Bin 0 -> 384 bytes .../packageCarecenter/static/position.png | Bin 0 -> 795 bytes packages/packageCarecenter/static/video.png | Bin 0 -> 417 bytes packages/packageCarecenter/static/wechat.png | Bin 0 -> 998 bytes pages.json | 16 + pages/home/home.vue | 6 +- 11 files changed, 832 insertions(+), 149 deletions(-) create mode 100644 packages/packageCarecenter/pages/careCenter/productDetail.vue create mode 100644 packages/packageCarecenter/pages/careCenter/serviceDetail.vue create mode 100644 packages/packageCarecenter/static/clock.png create mode 100644 packages/packageCarecenter/static/pic.png create mode 100644 packages/packageCarecenter/static/position.png create mode 100644 packages/packageCarecenter/static/video.png create mode 100644 packages/packageCarecenter/static/wechat.png diff --git a/config.js b/config.js index 99d0baa..81581a5 100644 --- a/config.js +++ b/config.js @@ -3,7 +3,9 @@ export const appConfig = { //appId:"wx3dc65ce9b588727a",//孕育咨询 //baseUrl: 'http://yunyubang.localhost.com', baseUrl: 'https://yunyubang2021.langye.net', //孕育帮 - newBaseUrl: 'https://yunyubang.ali251.langye.net', + //baseUrl: 'http://yybtest.ali251.langye.net', + //newBaseUrl: 'https://yunyubang.ali251.langye.net', + newBaseUrl: 'http://yybtest.ali251.langye.net', //baseUrl:'https://yybtest2021.langye.net',//孕育咨询 openidInfoKey: 'openid_info_yunyubang' } diff --git a/packages/packageCarecenter/pages/careCenter/careCenter.vue b/packages/packageCarecenter/pages/careCenter/careCenter.vue index eff8a80..f7899d6 100644 --- a/packages/packageCarecenter/pages/careCenter/careCenter.vue +++ b/packages/packageCarecenter/pages/careCenter/careCenter.vue @@ -4,45 +4,57 @@ - 月子攻略 + + 月子攻略 + 更多 - + + + 月子会所价格为何相差巨大月子会所价格为何相差巨大月子会所价格为何相差巨大？ 市场纷繁复杂的套餐究竟如何选？ - + + + 月子会所价格为何相差巨大月子会所价格为何相差巨大月子会所价格为何相差巨大？ 市场纷繁复杂的套餐究竟如何选？ - + + + 月子会所价格为何相差巨大月子会所价格为何相差巨大月子会所价格为何相差巨大？ 市场纷繁复杂的套餐究竟如何选？ - + - + 严选商家 - + + + - + 严选商品 - + + + - + - + 综合排序 @@ -55,44 +67,209 @@ 已探店 - - 推荐 + + + + 推荐 + - 孕育邦孕妈妈摄影体验 - 孕妈宝宝成长讲座知识 - 东方之门/湖滨天地2.5km - ￥30200  -   ￥45000 + {{item.name}} + + {{tag}} + + + {{item.address}}2.5km + ￥30200  -   + ￥45000 + - - 推荐 + + + + + + + 综合排序 + 全部地区 + 筛选 + + + + 月子餐试吃 + 已探店 + + + + + + 推荐 + + + {{item.name}} + + {{tag}} + + + {{item.address}}2.5km + ￥{{item.price}} + + - + + @@ -108,214 +285,330 @@ align-items: center; justify-content: center; } - .careBanner{ - display:block; - width:690rpx; - height:220rpx; - margin:20rpx auto; + + .careBanner { + display: block; + width: 690rpx; + height: 220rpx; + margin: 20rpx auto; } - .strategyBox{ + + .strategyBox { width: 710rpx; padding-bottom: 16rpx; background-image: linear-gradient(180deg, #FFE4EC 0%, #FFFFFF 24%); border: 4rpx solid #FFFFFF; - box-shadow: 0 0 20rpx 0 rgba(0,0,0,0.03); + box-shadow: 0 0 20rpx 0 rgba(0, 0, 0, 0.03); border-radius: 16rpx; - .strTit{ - padding:30rpx 25rpx 15rpx 25rpx; - .strL{ + + .strTit { + padding: 30rpx 25rpx 15rpx 25rpx; + + .strL { font-size: 34rpx; color: #333333; letter-spacing: 1rpx; - font-weight: 500; - image{display:block;width: 30rpx;height: 34rpx;margin-right:10rpx;} + font-weight: 500; + + image { + display: block; + width: 30rpx; + height: 34rpx; + margin-right: 10rpx; + } } - .more{ + + .more { font-size: 28rpx; color: #333333; font-weight: 400; } } - .strCol{ - padding:16rpx 25rpx; - .strPic{ - width:140rpx;height:140rpx;border-radius:10rpx; - image{display:block;width:140rpx;height:140rpx;border-radius:10rpx;} + + .strCol { + padding: 16rpx 25rpx; + + .strPic { + width: 140rpx; + height: 140rpx; + border-radius: 10rpx; + + image { + display: block; + width: 140rpx; + height: 140rpx; + border-radius: 10rpx; + } } - .strInfo{ + + .strInfo { flex: 1; - padding-left:30rpx; - .h3{font-size: 30rpx;color: #333333;font-weight: 500;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;width:460rpx;} - .p{margin-top:10rpx;font-size: 24rpx;color: #999999;font-weight: 400;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;width:460rpx;} + padding-left: 30rpx; + + .h3 { + font-size: 30rpx; + color: #333333; + font-weight: 500; + white-space: nowrap; + text-overflow: ellipsis; + overflow: hidden; + width: 460rpx; + } + + .p { + margin-top: 10rpx; + font-size: 24rpx; + color: #999999; + font-weight: 400; + white-space: nowrap; + text-overflow: ellipsis; + overflow: hidden; + width: 460rpx; + } } } } - - .careBox{ + + .careBox { width: 750rpx; - background-image: linear-gradient(180deg, rgba(255,255,255,0.80) 0%, rgba(255,255,255,0.80) 70%, rgba(255,255,255,0.00) 100%); - border-radius: 40rpx 40rpx 0 0; - margin-top:20rpx; - .careTabs{ - width:100%; - height:106rpx; - .tabCol{ - width:50%; - height:106rpx; - line-height:106rpx; + background-image: linear-gradient(180deg, rgba(255, 255, 255, 0.80) 0%, rgba(255, 255, 255, 0.80) 70%, rgba(255, 255, 255, 0.00) 100%); + border-radius: 40rpx 40rpx 0 0; + margin-top: 20rpx; + + .careTabs { + width: 100%; + height: 106rpx; + + .tabCol { + width: 50%; + height: 106rpx; + line-height: 106rpx; font-size: 36rpx; color: #666666; text-align: center; font-weight: 400; position: relative; - text{position: relative;z-index:3;} - .line{ - display:none; - width:94rpx; - height:33rpx; + + text { + position: relative; + z-index: 3; + } + + .line { + display: none; + width: 94rpx; + height: 33rpx; position: absolute; - left:50%; + left: 50%; transform: translateX(-50%); - bottom:20rpx; - z-index:2; - image{display:block;width:94rpx;height:33rpx;} + bottom: 20rpx; + z-index: 2; + + image { + display: block; + width: 94rpx; + height: 33rpx; + } } } - .cur{ - color: #333333;font-weight:600rpx; - .line{display:block;} + + .cur { + color: #333333; + font-weight: 600rpx; + + .line { + display: block; + } } } } - .termBox{ + + .termBox { width: 100%; background: linear-gradient(180deg, rgba(255, 255, 255, 0.8) 0%, rgba(255, 255, 255, 0.8) 70%, rgba(255, 255, 255, 0) 100%); border-radius: 40rpx 40rpx 0px 0px; - .termOuter{ + + .termOuter { display: flex; align-items: center; align-content: center; justify-content: flex-start; - .termCol{ - width:33.33%; - text-align:center; + + .termCol { + width: 33.33%; + text-align: center; font-size: 28rpx; font-weight: 400; - color: #333333; - padding:30rpx 0; - .iconfont{font-size: 24rpx;color: #666666;line-height:28rpx;margin-left:8rpx;} - + color: #333333; + padding: 30rpx 0; + + .iconfont { + font-size: 24rpx; + color: #666666; + line-height: 28rpx; + margin-left: 8rpx; + } + } - .termCol.cur{ - color:#FF578A; - .iconfont{color: #FF578A;} + + .termCol.cur { + color: #FF578A; + + .iconfont { + color: #FF578A; + } } - + } } - .proBox{ - width:710rpx; - background:#fff; - margin:0 auto 30rpx auto; - border-radius:12rpx; + + .proBox { + width: 710rpx; + background: #fff; + margin: 0 auto 30rpx auto; + border-radius: 12rpx; box-sizing: border-box; - .tagGroup{ - padding:0 24rpx; - text{ - display:inline-block; + + .tagGroup { + padding: 0 24rpx; + + text { + display: inline-block; height: 64rpx; background: #F6F6F6; border-radius: 32rpx; - padding:0 30rpx; + padding: 0 30rpx; font-size: 26rpx; color: #666666; text-align: center; line-height: 64rpx; - font-weight: 400; - margin-right:15rpx; + font-weight: 400; + margin-right: 15rpx; } } } - .introBox{ - padding:0 24rpx; + + .introBox { + padding: 0 24rpx; } - .intro_column:first-child{ - border-top:none; + + .intro_column:first-child { + border-top: none; } - .intro_column{ + + .intro_column { display: flex; justify-content: flex-start; - padding:20rpx 0; - width:100%; - border-top:2rpx solid #EAEAEA; - .imgOuter{ + padding: 20rpx 0; + width: 100%; + border-top: 2rpx solid #EAEAEA; + + .imgOuter { width: 260rpx; - height:210rpx; + height: 210rpx; position: relative; - border-radius:10rpx; - image{width:260rpx;height:210rpx;border-radius:10rpx;} - .i_intro{position: absolute;top:0;left:0;width: 68rpx;height: 32rpx;background: #FF578A;border-radius: 10rpx 0px 18rpx 0;font-size: 22rpx;font-weight: 400;color: #FFFFFF;line-height: 32rpx;text-align: center;} + border-radius: 10rpx; + + image { + width: 260rpx; + height: 210rpx; + border-radius: 10rpx; + } + + .i_intro { + position: absolute; + top: 0; + left: 0; + width: 68rpx; + height: 32rpx; + background: #FF578A; + border-radius: 10rpx 0px 18rpx 0; + font-size: 22rpx; + font-weight: 400; + color: #FFFFFF; + line-height: 32rpx; + text-align: center; + } } - .columnInfo{ - flex:1; - margin-left:22rpx; + + .columnInfo { + flex: 1; + margin-left: 22rpx; position: relative; - .title{ - width:100%; - font-size:30rpx; - font-weight:700; - color:#333; + + .title { + width: 100%; + font-size: 30rpx; + font-weight: 700; + color: #333; overflow: hidden; white-space: nowrap; - text-overflow: ellipsis; + text-overflow: ellipsis; } - .tags{ - margin-top:8rpx; + + .tags { + margin-top: 8rpx; } - .tags text{ + + .tags text { height: 28rpx; - background: rgba(255,177,62,0.1); + background: rgba(255, 177, 62, 0.1); border-radius: 4rpx; - line-height:28rpx; - font-size:20rpx; + line-height: 28rpx; + font-size: 20rpx; padding: 0 10rpx; - margin-right:10rpx; - color:#FF753E; + margin-right: 10rpx; + color: #FF753E; } - .grayBg{ - background: #F6F6F6!important; - color: #999999!important; + + .grayBg { + background: #F6F6F6 !important; + color: #999999 !important; } - .subInfo{ - width:100%; - font-size:24rpx; - color:#999; - font-weight:400; + + .subInfo { + width: 100%; + font-size: 24rpx; + color: #999; + font-weight: 400; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; - padding-top:15rpx; - .font_red{margin-left:10rpx;} + padding-top: 15rpx; + + .font_red { + margin-left: 10rpx; + } } - .price{ + + .price { position: absolute; - width:100%; - bottom:0; - left:0; + width: 100%; + bottom: 0; + left: 0; display: flex; justify-content: flex-start; align-items: center; align-content: center; - margin-top:8rpx; - text{margin-right:10rpx;} + margin-top: 8rpx; + + text { + margin-right: 10rpx; + } + font-size:36rpx; color:#FF578A; - .smallIcon{ + + .smallIcon { font-size: 24rpx; - margin-right:3rpx; + margin-right: 3rpx; } } - - } + + } + } + + ::v-deep .u-load-more-wrap { + padding: 30rpx 0; } diff --git a/packages/packageCarecenter/pages/careCenter/productDetail.vue b/packages/packageCarecenter/pages/careCenter/productDetail.vue new file mode 100644 index 0000000..b454bb3 --- /dev/null +++ b/packages/packageCarecenter/pages/careCenter/productDetail.vue @@ -0,0 +1,42 @@ + + + + + diff --git a/packages/packageCarecenter/pages/careCenter/serviceDetail.vue b/packages/packageCarecenter/pages/careCenter/serviceDetail.vue new file mode 100644 index 0000000..860e14d --- /dev/null +++ b/packages/packageCarecenter/pages/careCenter/serviceDetail.vue @@ -0,0 +1,330 @@ + + + + + diff --git a/packages/packageCarecenter/static/clock.png b/packages/packageCarecenter/static/clock.png new file mode 100644 index 0000000000000000000000000000000000000000..25aa89cafa1ccb2c3564768d02f8991958b059d3 GIT binary patch literal 654 zcmV;90&)F`P)Px%NJ&INR7gv$mCtJvQ4q&Jv!)iRQ4yp;@gzv_)ZWyCih@!+h)7Kk#432vON=$v z9yDHByP;ae90Y}em!tvdNen1R!GkER;D3-J7DYj^O@$;QFH4gC$aa&OJ-+vy&&+<` zn>T{Xr$^#GIy;VnoB|Gj?gX|0-#}(TUn3hPC3StqjUn|mG@Lk%G6WiQ3#_e6mXZ!g zCiZEib{SlI9<}4oKSAVzH*|?YDPR$iR4lnPt_m-Mw=QN;4mSl}F1{z}*saP^4SsfH z+@s>(z)!$+N$BaOE$Xb%$sukp#WcQh3?xQpmukLAzTH7akZ}=77$Y z!y#?pi$HtB@NnWJst9@0+~T2A`|^n+G_`}#JoX$m7b}}lp$03UEp@(@N(}dLIz7>6bt*ndbujTB*#R< zqupq6x;c1NodaKP7MD1-C!^2artToqwRUR{#J207*qoM6N<$f>>53od5s; literal 0 HcmV?d00001 diff --git a/packages/packageCarecenter/static/pic.png b/packages/packageCarecenter/static/pic.png new file mode 100644 index 0000000000000000000000000000000000000000..25c62b419b4dbcf09d6e9bcd8755c95612c14b43 GIT binary patch literal 384 zcmV-`0e}99P)Px$I!Q!9R7gwJmAx(nQ51#06_gUChE6Dzw-Sv)B0{2*+{QC#L_ri3G-?Xbi6BvX z0ExeZ7ZANlDVCg@nPl8MXJ)uFg;UO)tZ(go_K$2|0gHgB_dEeD+5T!kJheI*0It{g z54EW}0N20^Fb_<3ne7{}Eom!=+8zXMfSC-WZ@{>uw^Y#f8gNu6pe5-x1K0$1>IB>Y zE0SJq&jOdgNL9cAFbb@eR9UFP4`4XwUi1z2C9T^Y08T1EVjgk<9q~+Fiy-g7Junv` z^Z-sJwYx7zA_?L__!&3@ma3#^L(*=Zn=VL4T+&0*149u=PXtjwA{5ef2pp&4nN$YI zc``WD&%Xnd%`Dr?z(rA+7Dn(d0FTLJEHfMXKL&)3j=sTPg$o<)6A0DO#F+>SXAf9t eU~Pt--2MiBLaf67Px%)k#D_R7gvem2YTGaTv!x&)JjWa!1yBiPqF+%1Eg*FsI%H zwz+g6C>pdnQC6ghef%gaNzTyq^!(=*Aj9u66!xm9Y4rj#Qx8eAL__;>Rb5T%4X`B5 zci(|J_cbL&P?{tbuF4IKJON#wme6wt+6|PX0d7k)T$USZeHv@wWa}-bP}f2CrU8C2 zMdnL$sNV~$erp2;9WLFFBccIo8^XN|hwos|E0=g+#8sr7O~n)pJqH%2X(QOa5>Zqz zBX5C)8NiQ04ofujI?*If2L>BAp~gkfMH&2YiG~BC9Tl)D5L&X_;Rj$~?CxiI_(rhp z z1ga+|!%6ZuW!WLIkkht_mHLzR$MVSQ=|FYeq`}H1iG>d)``zPYSK}Of(uFW1Cs^pB zcW|9_)cwv19eoXFHzFgC0ACjHSB8w0(pKG*?(rNQYFdYY^B&OOh;OsBRz1z6XPrlC zT9<*uGf7%D!X9Z2N4>rxJJczhbhjaF9|tHk5(`_|?mOq?)ctjZ3>Gybx*7C>*EC2D Z@)v5P{mMbZ-A(`i002ovPDHLkV1h4WaiahL literal 0 HcmV?d00001 diff --git a/packages/packageCarecenter/static/video.png b/packages/packageCarecenter/static/video.png new file mode 100644 index 0000000000000000000000000000000000000000..eb0c1c434552af30253f1a1442e63ba6c61a6d88 GIT binary patch literal 417 zcmV;S0bc%zP)Px$TS-JgR7gwhlr2jHQ51%sS5Pd9L5ttfY_w=Jh(BNjL0OBipopMg7EEps42!`c z7>r_6#Ntm7bbo+?AJO8GBX?xjot>R^CVIT(%(TveCx@SHOG$fCEW8Nq`$*HoUk4wt-h* z3D^U=GQxdKn`wX#U_z4bKg-NcfYnX_W;O}<*oR!}BZ@k>l@xUn0hWQ&jDR!X4Ojzu zf~FJ)JOksBK4Tpm0vj0tNo6Z>fEQc<72q8x0mndhk$}j{?{?OYo5pYIAje@7rT>7o z6D@Q^55O?c7sD0`sD{w=JX#Oed#3R}Xxnp2!EY9s*&r|=>Cpk#z+4{Zplum;HK1Go zpd#rgDNUzPx&ph-kQR9Hu~m|Lh-RTPH5-!jz5(o#&b%SnYqNDRe72_n!QDkzMI5+YKpM9LTK zVqs+>R1}EaG=l0Oda0K*deG=XhLIFqq#n9hDyMr^QaR#3%za#EHTT(b?W5ymKddqS z`L8j@bqm4N&0&*ywYdNIYz{3zzSd)aB3mg zeqb}OLDDaUF%fK)`R16FqnR*QQKSSjh>rg;6N zB4RCYPg8&n{u?FT))cdkR7ALt->7E}_!xKzm;qeV27C|jB5*EneFkHxq^Ft?Q$(Bq ze3C$`vAw`Kl73Ib-DU2;s{H|+A?c^&vlUoS^Z5~&Cdu7eWF~bTkSof4z}b=xr31GE z7uQgK1tv;5n0#IVuE?CcM$-L7jGXF-cp135O~6~g^Xd9-&0LMc-UpsdnZ6wuR>AT- zGx5(P)wA4|qe*=QoLTx79sCXhzQR|5w}G+1De3oT;Co=Vq`wBkF)3e<>uRX>8gM7j z11tsR10yq_e*$j;n@nDkvpK*_%7uL55E%WFW}6T4HBN7U^$~ERq+Qh*lXB;s*8r&M z>bG1191lDW4DSNR`*OLYCtI;5<(1-ecVmybMu07~0&j}d_i~b+aiB?El!~$`(09OP zz&n}ick_5muqdZhGJ z7xKI`V@f*FSFqT^uFV@bTkh)fGtYhP7Kd}%4C7^W>EfyDRWZIpx;{vA=IN5OHuPDS z6L}NUfuODk}XJbn0 zH2+$&yU;D0t))sed<&G$K6XtmRMd z0>cX7a!J-&eKzDwwSXeR1^)