This commit is contained in:
yanran200730
2023-03-16 17:12:02 +08:00
5 changed files with 173 additions and 22 deletions

View File

@@ -0,0 +1,112 @@
<template>
<div class="AppConvenientService">
<u-navbar :is-back="false" title="便民服务" title-color="#000" title-width="300" title-size="32" :background="backgroundNavbar" :title-bold="true"></u-navbar>
<div class="card-list">
<div class="card" >
<h2>居民服务</h2>
<div class="items-list">
<div class="items" v-for="(item, index) in list" :key="index">
<img :src="item.pic" alt="">
<div class="items-name">{{ item.name }}</div>
</div>
</div>
</div>
</div>
</div>
</template>
<script>
export default {
name: "AppConvenientService",
appName: "便民服务",
customNavigation: true,
data() {
return {
list: [{
pic: 'https://cdn.cunwuyun.cn/dvcp/myFamily/tx.png',
name: '便民通讯录'
},
{
pic: 'https://cdn.cunwuyun.cn/dvcp/myFamily/tx.png',
name: '便民通讯录'
},
{
pic: 'https://cdn.cunwuyun.cn/dvcp/myFamily/tx.png',
name: '便民通讯录'
},
{
pic: 'https://cdn.cunwuyun.cn/dvcp/myFamily/tx.png',
name: '便民通讯录'
},
{
pic: 'https://cdn.cunwuyun.cn/dvcp/myFamily/tx.png',
name: '便民通讯录'
},
{
pic: 'https://cdn.cunwuyun.cn/dvcp/myFamily/tx.png',
name: '便民通讯录'
},
{
pic: 'https://cdn.cunwuyun.cn/dvcp/myFamily/tx.png',
name: '便民通讯录'
}, {
pic: 'https://cdn.cunwuyun.cn/dvcp/myFamily/tx.png',
name: '便民通讯录'
},
],
backgroundNavbar: {
background: '#FFF'
}
}
},
methods: {
},
onShow() {
},
}
</script>
<style lang="scss" scoped>
.AppConvenientService {
padding: 32px;
box-sizing: border-box;
.card {
background: #FFF;
padding: 32px;
box-sizing: border-box;
border-radius: 16px;
h2 {
color: #333333;
font-size: 34px;
font-weight: 600;
}
.items-list {
width: 100%;
display: flex;
flex-wrap: wrap;
.items {
width: 25%;
align-self: center;
text-align: center;
margin-top: 24px;
img {
width: 108px;
height: 108px;
}
.items-name {
margin-top: 8px;
color: #1d2229ff;
font-size: 26px;
font-weight: 400;
}
}
}
}
}
</style>

View File

@@ -45,7 +45,7 @@ export default {
notices: [],
search: {areaId: ''},
backgroundNavbar: {
// background: linear - gradient(138.6deg, #e3e8fbff 0%, #ecf4fdff 48%, #ffffffff 95%)
background: '#FFF'
}
}
},

View File

@@ -69,39 +69,51 @@ export default {
listGroup() {
return [
[
{
icon: "https://cdn.cunwuyun.cn/wxmp/mine/wodejiating.png",
label: "我的家庭",
path: "./myFamily",
type: 'idNumber'
},
// {
// icon: "https://cdn.cunwuyun.cn/wxmp/mine/wodejiating.png",
// label: "我的家庭",
// path: "./myFamily",
// type: 'idNumber'
// },
{
icon: "https://cdn.cunwuyun.cn/wxmp/mine/wodejiaxiang.png",
label: "我的家乡",
path: "/mods/AppHometown/AppHometown",
type: 'token'
}
],
[
},
{
icon: "https://cdn.cunwuyun.cn/wxmp/mine/wodejiaxiang.png",
label: "我的丰收码",
path: "./myHarvestQR",
type: 'token'
},
{
icon: "https://cdn.cunwuyun.cn/wxmp/mine/wodejifen.png",
label: "我的积分",
path: "/mods/AppCreditPoints/AppCreditPoints?type=detail",
type: 'idNumber'
},
{
icon: "https://cdn.cunwuyun.cn/wxmp/mine/chaoshidingdan.png",
label: "超市订单",
path: "/mods/AppOrderList/AppOrderList",
type: 'idNumber'
},
{
icon: "https://cdn.cunwuyun.cn/wxmp/mine/banshijindu.png",
label: "办事进度",
path: "/mods/AppProgress/AppProgress",
type: 'idNumber'
}
],
// [
// {
// icon: "https://cdn.cunwuyun.cn/wxmp/mine/wodejifen.png",
// label: "我的积分",
// path: "/mods/AppCreditPoints/AppCreditPoints?type=detail",
// type: 'idNumber'
// },
// {
// icon: "https://cdn.cunwuyun.cn/wxmp/mine/chaoshidingdan.png",
// label: "超市订单",
// path: "/mods/AppOrderList/AppOrderList",
// type: 'idNumber'
// },
// {
// icon: "https://cdn.cunwuyun.cn/wxmp/mine/banshijindu.png",
// label: "办事进度",
// path: "/mods/AppProgress/AppProgress",
// type: 'idNumber'
// }
// ],
]
}
},

Binary file not shown.

After

Width:  |  Height:  |  Size: 68 KiB

View File

@@ -0,0 +1,27 @@
<template>
<div class="AppHarvestQR">
</div>
</template>
<script>
export default {
name: "AppHarvestQR",
appName: '丰收码',
data() {
return {
}
},
methods: {
},
onShow() {},
}
</script>
<style lang="scss" scoped>
.AppHarvestQR {
}
</style>