348 lines
9.4 KiB
Vue
348 lines
9.4 KiB
Vue
<template>
|
|
<view class="container">
|
|
<view class="main" v-for="(item, index) in allList" :key="index">
|
|
<view class="title">{{item.title}}</view>
|
|
<view class="grid-container">
|
|
<view
|
|
class="grid-item"
|
|
v-for="(val, idx) in item.infoList"
|
|
:key="idx"
|
|
@click="headerGridClick(val)"
|
|
>
|
|
<u-icon :name="val.pic" :size="40"></u-icon>
|
|
<text class="grid-text">{{val.name}}</text>
|
|
</view>
|
|
</view>
|
|
</view>
|
|
|
|
<nav-footer/>
|
|
</view>
|
|
|
|
</template>
|
|
|
|
<script>
|
|
export default {
|
|
data() {
|
|
return {
|
|
allList: [{
|
|
title: '智慧社区',
|
|
infoList: [
|
|
// {
|
|
// pic: "https://static.hshuishang.com/ConvenServer/_assets/Group_200.png",
|
|
// name: "申请业主",
|
|
// url: "/packages/community/applyOwer/index?title=申请业主",
|
|
// },
|
|
{
|
|
pic: "https://static.hshuishang.com/ConvenServer/_assets/Group_64.png",
|
|
name: "我的房屋",
|
|
url: "",
|
|
},
|
|
// {
|
|
// pic: "https://static.hshuishang.com/ConvenServer/_assets/Group_201.png",
|
|
// name: "我的车辆",
|
|
// url: "",
|
|
// },
|
|
{
|
|
pic: "https://static.hshuishang.com/ConvenServer/_assets/Group_202.png",
|
|
name: "社区通知",
|
|
url: "",
|
|
},
|
|
{
|
|
pic: "https://static.hshuishang.com/ConvenServer/_assets/Group_203.png",
|
|
name: "社区活动",
|
|
url: "",
|
|
},
|
|
{
|
|
pic: "https://static.hshuishang.com/ConvenServer/_assets/Group_204.png",
|
|
name: "呼叫管家",
|
|
url: "",
|
|
},
|
|
{
|
|
pic: "https://static.hshuishang.com/community/_assets/Group_349.png",
|
|
name: "报事报修",
|
|
url: "",
|
|
},
|
|
// {
|
|
// pic: "https://static.hshuishang.com/community/_assets/Group_350.png",
|
|
// name: "访客登记",
|
|
// url: "../visitor/visitor",
|
|
// },
|
|
{
|
|
pic: 'https://static.hshuishang.com/community/_assets/Group_351.png',
|
|
name: "便民信息",
|
|
url: "",
|
|
},
|
|
{
|
|
pic: 'https://static.hshuishang.com/community/_assets/Group_352.png',
|
|
name: "物业缴费",
|
|
url: "",
|
|
},
|
|
{
|
|
pic: 'https://static.hshuishang.com/community/_assets/Group_355.png',
|
|
name: "租售信息",
|
|
url: "",
|
|
},
|
|
{
|
|
pic: 'https://static.hshuishang.com/community/_assets/Group_356.png',
|
|
name: "便捷挪车",
|
|
url: "",
|
|
// url: "/packages/ConvenServer/ConvenServer/pages/car/car",
|
|
},
|
|
{
|
|
pic: "https://static.hshuishang.com/ConvenServer/_assets/Group_210.png",
|
|
name: "手机通行",
|
|
url: "/pages/phoneGo/phoneGo",
|
|
},
|
|
{
|
|
pic: "https://static.hshuishang.com/ConvenServer/_assets/Group_230.png",
|
|
name: "我的设备",
|
|
url: "/packages/WaterPurifier/pages/water_filter/water_filter",
|
|
},
|
|
{
|
|
pic: 'https://static.hshuishang.com/community/_assets/Group_353.png',
|
|
name: "生活缴费",
|
|
url: "",
|
|
},
|
|
{
|
|
pic: 'https://static.hshuishang.com/community/_assets/Group_354.png',
|
|
name: "社区投票",
|
|
url: "",
|
|
},
|
|
{
|
|
pic: 'https://static.hshuishang.com/community/_assets/Group_357.png',
|
|
name: "一键报警",
|
|
url: "",
|
|
},
|
|
{
|
|
pic: "https://static.hshuishang.com/ConvenServer/_assets/Group_215.png",
|
|
name: "意见反馈",
|
|
url: "",
|
|
},
|
|
{
|
|
pic: "https://static.hshuishang.com/ConvenServer/_assets/Group_216.png",
|
|
name: "社区中心",
|
|
url: "",
|
|
},
|
|
{
|
|
pic: "https://static.hshuishang.com/ConvenServer/_assets/Group_216.png",
|
|
name: "我的社区",
|
|
url: "/packages/community/communityList/index",
|
|
},
|
|
],
|
|
},
|
|
{
|
|
title: '上门服务',
|
|
infoList: [{
|
|
pic: "https://static.hshuishang.com/ConvenServer/_assets/Group_118.png",
|
|
name: "上门服务",
|
|
url: "/packages/doorToDoor/pages/doorToDoor/doorToDoor",
|
|
},
|
|
{
|
|
pic: "https://static.hshuishang.com/ConvenServer/_assets/Group_231.png",
|
|
name: "服务订单",
|
|
url: "/packages/user/transactionRecord/index?type=visit",
|
|
},
|
|
]
|
|
},
|
|
{
|
|
title: '社区健康',
|
|
infoList: [{
|
|
pic: "https://static.hshuishang.com/ConvenServer/_assets/Group_237.png",
|
|
name: "社区健康",
|
|
url: "/packages/health/pages/health/health",
|
|
},
|
|
{
|
|
pic: "https://static.hshuishang.com/ConvenServer/_assets/Group_152.png",
|
|
name: "快速建档",
|
|
url: "/packages/health/pages/express/express",
|
|
},
|
|
{
|
|
pic: "https://static.hshuishang.com/ConvenServer/_assets/Group_116.png",
|
|
name: "健康自测",
|
|
url: "/packages/health/pages/SelfTest/SelfTest",
|
|
},
|
|
{
|
|
pic: "https://static.hshuishang.com/ConvenServer/_assets/Group_119.png",
|
|
name: "健康报告",
|
|
url: "/packages/health/pages/report/report",
|
|
},
|
|
]
|
|
},
|
|
{
|
|
title: '周边商超',
|
|
infoList: [{
|
|
pic: "https://static.hshuishang.com/ConvenServer/_assets/Group_242.png",
|
|
name: "周边商超",
|
|
// url: "/pages/sorrounMerchant/sorrounMerchant",
|
|
},
|
|
{
|
|
pic: "https://static.hshuishang.com/ConvenServer/_assets/Group_243.png",
|
|
name: "商超订单",
|
|
url: "/packages/user/transactionRecord/index?type=community",
|
|
}
|
|
]
|
|
},
|
|
{
|
|
title: '商家优惠',
|
|
infoList: [{
|
|
pic: "https://static.hshuishang.com/ConvenServer/_assets/Group_253.png",
|
|
name: "商家优惠",
|
|
url: "/packages/GropBuy/pages/GropBuy",
|
|
},
|
|
{
|
|
pic: "https://static.hshuishang.com/ConvenServer/_assets/Group_248.png",
|
|
name: "卡劵订单",
|
|
url: "/packages/GropBuy/pages/rob/rob",
|
|
},
|
|
]
|
|
},
|
|
{
|
|
title: '资源回收',
|
|
infoList: [{
|
|
pic: "https://static.hshuishang.com/ConvenServer/_assets/Group_260.png",
|
|
name: "资源回收",
|
|
url: "/packages/ConvenServer/ConvenServer/pages/recover/recover",
|
|
},
|
|
{
|
|
pic: "https://static.hshuishang.com/ConvenServer/_assets/Group_262.png",
|
|
name: "回收预约",
|
|
url: "",
|
|
},
|
|
{
|
|
pic: "https://static.hshuishang.com/ConvenServer/_assets/Group_263.png",
|
|
name: "重量预估",
|
|
url: "",
|
|
},
|
|
{
|
|
pic: "https://static.hshuishang.com/ConvenServer/_assets/Group_264.png",
|
|
name: "回收订单",
|
|
url: "/packages/user/transactionRecord/index?type=recover",
|
|
},
|
|
]
|
|
},
|
|
{
|
|
title: '社区商城',
|
|
infoList: [{
|
|
pic: "https://static.hshuishang.com/ConvenServer/_assets/Group_276.png",
|
|
name: "社区商城",
|
|
url: "",
|
|
},
|
|
{
|
|
pic: "https://static.hshuishang.com/ConvenServer/_assets/Group_268.png",
|
|
name: "商城订单",
|
|
url: "/packages/user/transactionRecord/index?type=ambient",
|
|
},
|
|
]
|
|
},
|
|
{
|
|
title: '共享空间',
|
|
infoList: [{
|
|
pic: "https://static.hshuishang.com/ConvenServer/_assets/Group_271.png",
|
|
name: "共享空间",
|
|
url: `/packages/community/communityList/index?title=共享空间&type=bianming`,
|
|
},
|
|
{
|
|
pic: "https://static.hshuishang.com/ConvenServer/_assets/Group_272.png",
|
|
name: "空间订单",
|
|
url: "",
|
|
}
|
|
]
|
|
},
|
|
{
|
|
title: '积分商城',
|
|
infoList: [{
|
|
pic: "https://static.hshuishang.com/ConvenServer/_assets/Group_276.png",
|
|
name: "积分商城",
|
|
url: "/packages/indexSubcontract/pointExchange/index",
|
|
},
|
|
{
|
|
pic: "https://static.hshuishang.com/ConvenServer/_assets/Group_277.png",
|
|
name: "积分订单",
|
|
url: "",
|
|
},
|
|
{
|
|
pic: "https://static.hshuishang.com/ConvenServer/_assets/Group_278.png",
|
|
name: "积分日志",
|
|
url: "",
|
|
},
|
|
]
|
|
},
|
|
{
|
|
title: '控制面板',
|
|
infoList: [{
|
|
pic: "https://static.hshuishang.com/ConvenServer/_assets/Group_282.png",
|
|
name: "智能设备",
|
|
url: "",
|
|
},
|
|
{
|
|
pic: "https://static.hshuishang.com/ConvenServer/_assets/Group_285.png",
|
|
name: "设备添加",
|
|
url: "",
|
|
},
|
|
{
|
|
pic: "https://static.hshuishang.com/ConvenServer/_assets/Group_286.png",
|
|
name: "设备列表",
|
|
url: "",
|
|
},
|
|
{
|
|
pic: "https://static.hshuishang.com/ConvenServer/_assets/Group_288.png",
|
|
name: "设备分享",
|
|
url: "",
|
|
},
|
|
]
|
|
}
|
|
],
|
|
}
|
|
},
|
|
methods: {
|
|
headerGridClick(item) {
|
|
|
|
return
|
|
uni.navigateTo({
|
|
url: item.url
|
|
});
|
|
}
|
|
},
|
|
onLoad() {
|
|
// Load your data here if needed
|
|
// this.loadData();
|
|
}
|
|
}
|
|
</script>
|
|
|
|
<style scoped>
|
|
.container {
|
|
padding: 20rpx;
|
|
}
|
|
|
|
.title {
|
|
font-size: 32rpx;
|
|
font-weight: bold;
|
|
margin: 20rpx 0;
|
|
padding-left: 20rpx;
|
|
}
|
|
|
|
.grid-container {
|
|
display: flex;
|
|
flex-wrap: wrap;
|
|
margin: 0 -8rpx; /* 抵消grid-item的margin */
|
|
}
|
|
|
|
.grid-item {
|
|
width: 20%; /* 5列布局 */
|
|
box-sizing: border-box;
|
|
padding: 16rpx 8rpx;
|
|
display: flex;
|
|
flex-direction: column;
|
|
align-items: center;
|
|
justify-content: center;
|
|
}
|
|
|
|
.grid-text {
|
|
font-size: 24rpx;
|
|
margin-top: 10rpx;
|
|
color: #666;
|
|
text-align: center;
|
|
word-break: break-all;
|
|
}
|
|
</style> |