From 26a49afb56db50689fbed040e2eb200657712c80 Mon Sep 17 00:00:00 2001 From: winter_born <2264596049@qq.com> Date: Fri, 17 Apr 2026 00:15:28 +0800 Subject: [PATCH] complete index,contryside complete about 50%,addr is none --- components/side.vue | 22 +++++ pages.json | 20 +++- pages/index/addr.vue | 13 +++ pages/index/countryside.vue | 177 ++++++++++++++++++++++++++++++++++++ pages/index/index.vue | 156 ++++++++++++++++++++++++++++--- static/友邻社区.png | Bin 0 -> 1787 bytes static/已收藏.png | Bin 0 -> 912 bytes static/社区服务.png | Bin 0 -> 1473 bytes static/组 153.png | Bin 0 -> 927 bytes static/组 341.png | Bin 0 -> 1133 bytes static/首页.png | Bin 0 -> 2031 bytes 11 files changed, 376 insertions(+), 12 deletions(-) create mode 100644 components/side.vue create mode 100644 pages/index/addr.vue create mode 100644 pages/index/countryside.vue create mode 100644 static/友邻社区.png create mode 100644 static/已收藏.png create mode 100644 static/社区服务.png create mode 100644 static/组 153.png create mode 100644 static/组 341.png create mode 100644 static/首页.png diff --git a/components/side.vue b/components/side.vue new file mode 100644 index 0000000..87b6899 --- /dev/null +++ b/components/side.vue @@ -0,0 +1,22 @@ + + + + + \ No newline at end of file diff --git a/pages.json b/pages.json index e0d9c07..9620df7 100644 --- a/pages.json +++ b/pages.json @@ -14,7 +14,25 @@ "enablePullDownRefresh": false } - } + }, + { + "path": "pages/index/countryside", + "style": { + "navigationBarTitleText": "" + } + }, + { + "path": "components/side", + "style": { + "navigationBarTitleText": "" + } + }, + { + "path": "pages/index/addr", + "style": { + "navigationBarTitleText": "" + } + } ], "globalStyle": { "navigationBarTextStyle": "black", diff --git a/pages/index/addr.vue b/pages/index/addr.vue new file mode 100644 index 0000000..ddadfea --- /dev/null +++ b/pages/index/addr.vue @@ -0,0 +1,13 @@ + + + + + diff --git a/pages/index/countryside.vue b/pages/index/countryside.vue new file mode 100644 index 0000000..0a1ec9c --- /dev/null +++ b/pages/index/countryside.vue @@ -0,0 +1,177 @@ + + + + + \ No newline at end of file diff --git a/pages/index/index.vue b/pages/index/index.vue index 22ad13b..5adb527 100644 --- a/pages/index/index.vue +++ b/pages/index/index.vue @@ -30,12 +30,31 @@

{{content[1]}}

-

据您{{content[2]}}m

+

据您{{content[2]}}km

- + + + 社会动态 + 查看更多 + + + + + {{active_content[2][1]}} + {{active_content[2][3]}}评论 {{active_content[2][4]}} + + + + + + + + {{part[0]}} + + @@ -43,14 +62,18 @@ import bannerlist from "../../components/bannerlist" export default { components: { - bannerlist + bannerlist, }, data() { + let list = ["首页", "友邻社区", "", "社区服务", "数据分析"].map((value, index) => [value, + `../../static/${["首页.png","友邻社区.png","c1.png","社区服务.png","组 153.png"][index]}` + ]) return { notice: null, imagePath: null, notices: null, - active_content: null + active_content: null, + list } }, methods: { @@ -89,12 +112,9 @@ x.unit ]) this.active_content = (await this.request("get", "/api/cms/article/list")).rows.map(x => [ - `http://124.93.196.45:10091/Neusoft/community${x.cover}`, x.title, - x.commentNum + `http://124.93.196.45:10091/Neusoft/community${x.cover}`, x.title, parseFloat(x.location), x + .commentNum, x.createTime ]) - // await this.request("get","/api/visitor/list") - - } } @@ -149,33 +169,147 @@ .active { margin: 10px; + padding: 5px; + border-radius: 10px; border: 1px #999999 solid; } .active-title { display: flex; justify-content: space-between; + align-items: center; height: 3.5vh; + padding-left: 10px; } .active-title view { display: flex; align-items: center; + padding-left: 5px; + } + + .active-title view:first-child { + border-left: 5px solid black; + height: 20px; } .active-title view:nth-child(2) image { width: 2vw; height: 2vh; + padding-left: 10px; + } + + .active-content { + display: flex; + overflow: scroll; } .active-content>view { + flex-shrink: 0; + width: 70vw; border: 1px #999999 solid; + margin: 10px; display: flex; - + justify-content: center; } .active-content>view image { width: 30vw; height: 10vh; + flex-shrink: 0 } - + + .active-content>view view { + flex-shrink: 0; + display: flex; + flex-direction: column; + justify-content: center; + } + + .society { + margin: 10px; + padding: 5px; + border-radius: 10px; + border: 1px #999999 solid; + } + + .society-title { + display: flex; + justify-content: space-between; + align-items: center; + height: 3.5vh; + padding-left: 10px; + } + + .society-title view { + display: flex; + align-items: center; + padding-left: 5px; + } + + .society-title view:first-child { + border-left: 5px solid black; + height: 20px; + } + + .society-title view:nth-child(2) image { + width: 2vw; + height: 2vh; + padding-left: 10px; + } + + .society-content { + display: flex; + justify-content: space-between; + margin: 10px; + height: 12vh; + align-items: center; + } + + + .society-content>view:first-child view:first-child { + font-size: 1.1rem; + font-weight: bold; + margin-bottom: 10px; + } + + .society-content>view:first-child view:nth-child(2) { + color: #dadada; + } + + .society-content image { + width: 20vw; + height: 8vh; + } + + .bottom { + display: flex; + position: fixed; + border: 1px solid black; + bottom: 0; + width: 100%; + } + + .list-li { + flex: 1; + display: flex; + flex-direction: column; + align-items: center; + } + + .list-li image { + height: 20px; + width: 20px; + } + + .list-li:nth-child(1) { + color: dodgerblue; + } + + .list-li:nth-child(3) image { + width: 40px; + height: 40px; + border-radius: 50%; + border: 2px solid black; + } + \ No newline at end of file diff --git a/static/友邻社区.png b/static/友邻社区.png new file mode 100644 index 0000000000000000000000000000000000000000..daf8265e659ccd72721b980da8378c5ecda16dc4 GIT binary patch literal 1787 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 Bsr~=} literal 0 HcmV?d00001 diff --git a/static/组 341.png b/static/组 341.png new file mode 100644 index 0000000000000000000000000000000000000000..ccfec90ba0768ac0f254e59f0ca87d12ec24223c GIT binary patch literal 1133 zcmV-z1d{uSP)ssx;%utRY(uX-bUszt74>wP-jY1OqWxt`-s90>IEN<49{gvi-R48X|T9;DtxR zOTEqgV(6maSh2;$#Y>JY_fR4_Gsbkwl(0(o5%H}zE?U7TI3dIZB5v3T?g5~ylw!rA znv{|^P2Z_VL>F4?t*XJ5a6*VKBA$A0zN59~iE1_8L;"NB8=tJmvYlszN{?gkNG z+B9*dwPqC>HGc(ogJ`YS8^dvMBO=EdxBKyUyi#Ykg%j`X?X9F~dhNbXl4SMd^?tJWIu*a-N7vPX+&3(Qrk8?mJRssL{)EtVz<6veI36H`_y_=B5OFCs?uh6C06uB0zs8QK1;@t@BC_LZ zT$$8~)hIX{&5gx5ybZNg=EP>gh2Fs`Fi4W*FeZhBidj&0V$LYJ+kyRAo}>^iG$UN1 zr)k=$G9)pW&qQboQ2(Cb}tMPceSrs2KV18mw)06?A6=3fC7DCk$nnO|{m zd93|!)f{AC8MD~KpqRW@O2yn(KDnTwCE%+H^b;=Mxy^G?GcU34%y5f!9RkNQj+Ujn`7Yy0lBE9^URIG=mM>5A00000NkvXXu0mjf8!#I- literal 0 HcmV?d00001 diff --git a/static/首页.png b/static/首页.png new file mode 100644 index 0000000000000000000000000000000000000000..70b01dc8bf980a9b431d3e4792bf75634e7eac76 GIT binary patch literal 2031 zcmVPx#IAvH#W=%~1DgXcg2mk?xX#fNO00031000^Q000000-yo_1ONa40RR91L7)Qw z1ONa40RR91K>z>%0N-DNc>n+hWl2OqRCodHS_y0vRT%#NnceM)p;%H5AzEyuZJ=Nl z+E6gz=#i>XLsErv)yfDGB26Td;j(R_r3qUdB*_Q$wt6Nz(&AEz(&AEz(&AE zpkD;AUrq!W6?G@a$2g)F0>T_1NCcou0KzYdQ{JC9J^g$Hs}5*-NI@vAsd3DX8@q@- z*~riMJ{}>olML&8ZQ>_|g(==X{0I?-420_XKax=FdWjTR%MlRWUwa6^i-aF3KH8Kw zd-CP}s4mJW zW&6#&0gBSp(&P$nS4mgLNM^K**UzySHMMuNxV zao(o*6-2N(K)oCRP~R!G7d-BEcLd;fle*^+hxip2=JBJ82vvXp-%1ctH@V#ywulHD z2o;{Qi7_(04oIuHH=U}({=_|d4T*Lx$Vw~m(*}AUI@a=rfV7HjjR_#T1r*o%1=-1e z2jE#Ig=ILXy%(cU86mAO0>B>K;pZK(Ls@UdJMY!@Z9Jita@XGsptlsTYulmP#&H37 zmPvz-gdZB3#zcXmngew**KYU(;vJdbh1)YzD~izi%&x95b7GV75yh|B{yqBEA)BW2 z9bGX0i9s%^LI$Dx6ZpXNsX+1$HsaPg*z*a*Q?gH9m7kOTla?1szPkQ=ItlV_uIFLa zHv-)xNz#&f@72cAxpSpZ?1wxY5|XDCAoMz>tDBvzmk^d6ot0LrV}w|kpY>ofPpYr5 z-2nC|-64v*b7IF7g=pTeFfnQ6$A)t+qN42N@v1I@j6hb(;CQ;goqD_!QTM4cX}*sb zuQjNya!;e6h|e)o{c>m%e?cKlKrE|1-dwC@n9Vb|)>756ra2-CRa|qdLDNg5eCE5+ zx~j0SFrqua!woI!CwMtKA7$_XWQlU}XQkB{>A}jzUJND+-`BQ`aG@B0if`}yt8qbe5(u0*Pfe(Bol1hWkdCTD}d=vbN`@cJr=cZi1NFHdg(K3?>+$teAr>(01f#%4HVh6IEPk0&-(iC@gi$ECcb9!sc< z;FF@hQHUh-uBe0YxmaECZ9`ePly%XtEp+SG}DLRVxM(?C^mxXj1)&LMiG{?knW%* zs8SCzngLlU#W_}*kR6mrL?fZ{X!HF%#@F&-53M&5d0j$l4*Yy3z**&>+O1QLC$YFw>$XdN$~*uKsEu@CWZ4ek$8w4AKp21~Df*lEVB=jH< zj!2LNX;_Dp=RQW@VEqoD-AL#3&TYP3=>HdSa?B-KNjVCcCF8&MFDCna_)Xo<( z*R^y7XdLeYbVu}DVXIaqP@Yeq)Vqzl9YiFt?TcDj{v9xefAkuylj|0sMoCf@@deHA zTKQmkOCYF*4%fFVVfVJOVq7r8!^PttzgFkYm|SM1{<~t>ECnQ*n?G^&}(sF&i-aL1NW~u*l!x--X}4`LDbyl!MujK=8X=S$pas zrz`qpj*Kim7#+!fpjwVBzb&h8o)6T2A8vC4PDmi`D43bjWYvaWeo!Fzji~R>IXXtT z6sw1+S`(J?v7-cEerBe61!p|FvSh~=wh^!quo18kuo18kun`D`z<-!IGvP`#^~eAK N002ovPDHLkV1k(Hsv`gZ literal 0 HcmV?d00001