zsc/files_second
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

complete index,contryside complete about 50%,addr is none

Browse Source
This commit is contained in:
winter_born
2026-04-17 00:15:28 +08:00
parent bcf4fd48ee
commit 26a49afb56
11 changed files with 376 additions and 12 deletions
Download Patch File Download Diff File Expand all files Collapse all files

156
pages/index/index.vue
View File

@@ -30,12 +30,31 @@
<image :src="content[0]"></image>
<view>
<p>{{content[1]}}</p>
<p>据您{{content[2]}}m</p>
<p>据您{{content[2]}}km</p>
</view>
</view>
</view>
</view>
<view class="society" v-if="active_content">
<view class="society-title">
<view>社会动态</view>
<view>查看更多<image src="../../static/联合 10.png"></image>
</view>
</view>
<view class="society-content">
<view>
<view>{{active_content[2][1]}}</view>
<view>{{active_content[2][3]}}评论 {{active_content[2][4]}}</view>
</view>
<image :src="active_content[2][0]" mode=""></image>
</view>
</view>
<view class="bottom">
<view class="list-li" v-for="part in list">
<image :src="part[1]"></image>
<text>{{part[0]}}</text>
</view>
</view>
</view>
</template>
@@ -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")
}
}
</script>
@@ -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
}
</style>
.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;
}
</style>