首页
This commit is contained in:
liuye
@@ -17,133 +17,24 @@
|
|||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<div class="title-content">
|
<div class="app-list" v-for="(item, index) in appList" :key="index">
|
||||||
<h2>居民惠</h2>
|
<div class="title-content">
|
||||||
<div>更多<img src="https://cdn.cunwuyun.cn/wechat/wuxi/right-icon-blue.png" alt=""></div>
|
<h2>{{item.name}}</h2>
|
||||||
</div>
|
<div @click="toService()">更多<img src="https://cdn.cunwuyun.cn/wechat/wuxi/right-icon-blue.png" alt=""></div>
|
||||||
<div class="banner-flex">
|
</div>
|
||||||
<div class="item-banner color-3872BC">
|
<div class="banner-flex" v-if="item.bannerApp && item.bannerApp.length">
|
||||||
<img src="https://cdn.cunwuyun.cn/wechat/wuxi/home-banner-zcjd.png" alt="">
|
<div class="item-banner" v-for="(banner, bannerIndex) in item.bannerApp" :key="bannerIndex" @click="openApp(banner)">
|
||||||
<div class="banner-text">
|
<img :src="banner.pictureUrl" alt="">
|
||||||
<h2>政策解读</h2>
|
|
||||||
<p>社区情况介绍</p>
|
|
||||||
</div>
|
</div>
|
||||||
</div>
|
|
||||||
<div class="item-banner color-CE5A5A">
|
|
||||||
<img src="https://cdn.cunwuyun.cn/wechat/wuxi/home-banner-dyzd.png" alt="">
|
|
||||||
<div class="banner-text">
|
|
||||||
<h2>党员阵地</h2>
|
|
||||||
<p>党员阵地</p>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
<div class="app-content">
|
|
||||||
<div class="item-app">
|
|
||||||
<img src="https://cdn.cunwuyun.cn/wechat/wuxi/home-app-shjf.png" alt="">
|
|
||||||
<p>生活缴费</p>
|
|
||||||
</div>
|
|
||||||
<div class="item-app">
|
|
||||||
<img src="https://cdn.cunwuyun.cn/wechat/wuxi/home-app-tqyb.png" alt="">
|
|
||||||
<p>天气预报</p>
|
|
||||||
</div>
|
|
||||||
<div class="item-app">
|
|
||||||
<img src="https://cdn.cunwuyun.cn/wechat/wuxi/home-app-wsbs.png" alt="">
|
|
||||||
<p>网上办事</p>
|
|
||||||
</div>
|
|
||||||
<div class="item-app">
|
|
||||||
<img src="https://cdn.cunwuyun.cn/wechat/wuxi/home-app-zgjy.png" alt="">
|
|
||||||
<p>招工就业</p>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
<div class="title-content">
|
|
||||||
<h2>便民利</h2>
|
|
||||||
<div>更多<img src="https://cdn.cunwuyun.cn/wechat/wuxi/right-icon-blue.png" alt=""></div>
|
|
||||||
</div>
|
|
||||||
<div class="banner-content">
|
|
||||||
<div class="banner-left color-4C3FCD">
|
|
||||||
<img src="https://cdn.cunwuyun.cn/wechat/wuxi/home-banner-gdyh.png" alt="" class="banner-img">
|
|
||||||
<div class="banner-text">
|
|
||||||
<h2>功德银行</h2>
|
|
||||||
<p><img src="https://cdn.cunwuyun.cn/wechat/wuxi/home-star-icon.png" alt="">行好事</p>
|
|
||||||
<p><img src="https://cdn.cunwuyun.cn/wechat/wuxi/home-star-icon.png" alt="">得积分</p>
|
|
||||||
<p><img src="https://cdn.cunwuyun.cn/wechat/wuxi/home-star-icon.png" alt="">去兑换</p>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
<div class="banner-right">
|
|
||||||
<div class="item color-DF863E">
|
|
||||||
<img src="https://cdn.cunwuyun.cn/wechat/wuxi/home-banner-xnr.png" alt="" class="banner-img">
|
|
||||||
<div class="banner-text">
|
|
||||||
<h2>新农人</h2>
|
|
||||||
<p>新农人新经济</p>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
<div class="item color-D9606E">
|
|
||||||
<img src="https://cdn.cunwuyun.cn/wechat/wuxi/home-banner-jtjy.png" alt="" class="banner-img">
|
|
||||||
<div class="banner-text">
|
|
||||||
<h2>家庭教育互助惠</h2>
|
|
||||||
<p>关注每一个留守儿童</p>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
<div class="title-content">
|
|
||||||
<h2>城市智</h2>
|
|
||||||
<div>更多<img src="https://cdn.cunwuyun.cn/wechat/wuxi/right-icon-blue.png" alt=""></div>
|
|
||||||
</div>
|
|
||||||
<div class="banner-flex">
|
|
||||||
<div class="item-banner color-3872BC">
|
|
||||||
<img src="https://cdn.cunwuyun.cn/wechat/wuxi/home-banner-zcjd.png" alt="">
|
|
||||||
<div class="banner-text">
|
|
||||||
<h2>居民议事</h2>
|
|
||||||
<p>社区情况介绍</p>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
<div class="item-banner color-409681">
|
|
||||||
<img src="https://cdn.cunwuyun.cn/wechat/wuxi/home-banner-sqgy.png" alt="">
|
|
||||||
<div class="banner-text">
|
|
||||||
<h2>社区公约</h2>
|
|
||||||
<p>社区情况介绍</p>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
<div class="app-content">
|
|
||||||
<div class="item-app">
|
|
||||||
<img src="https://cdn.cunwuyun.cn/wechat/wuxi/home-app-ssp.png" alt="">
|
|
||||||
<p>随手拍</p>
|
|
||||||
</div>
|
|
||||||
<div class="item-app">
|
|
||||||
<img src="https://cdn.cunwuyun.cn/wechat/wuxi/home-app-sxw.png" alt="">
|
|
||||||
<p>随心问</p>
|
|
||||||
</div>
|
|
||||||
<div class="item-app">
|
|
||||||
<img src="https://cdn.cunwuyun.cn/wechat/wuxi/home-app-rdht.png" alt="">
|
|
||||||
<p>热点话题</p>
|
|
||||||
</div>
|
|
||||||
<div class="item-app">
|
|
||||||
<img src="https://cdn.cunwuyun.cn/wechat/wuxi/home-app-bmtxl.png" alt="">
|
|
||||||
<p>便民通讯录</p>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
|
</div>
|
||||||
|
<div class="app-content" v-if="item.apps && item.apps.length">
|
||||||
<!-- <div class="grid-content">
|
<div class="item-app" v-for="(app, appIndex) in item.apps" :key="appIndex" @click="openApp(app)">
|
||||||
<u-grid :col="4" hover-class="text-hover" :border="false">
|
<img :src="app.pictureUrl">
|
||||||
<u-grid-item v-for="(item, index) in grids" :key="index" :custom-style="{padding:'8px 0'}" bg-color="none"
|
<p>{{app.name}}</p>
|
||||||
class="grid-item" @click="handleClick(item)">
|
</div>
|
||||||
<img :src="item.pictureUrl" alt=""/>
|
</div>
|
||||||
<div class="grid-text">{{ item.name }}</div>
|
</div>
|
||||||
</u-grid-item>
|
|
||||||
</u-grid>
|
|
||||||
</div> -->
|
|
||||||
<!-- <template v-if="activeList.length>0">
|
|
||||||
<header>推荐专题</header>
|
|
||||||
<scroll-view :scroll-x="true" style="width: 100%" class="scroll-wrap">
|
|
||||||
<div class="scroll-card"
|
|
||||||
:style="{background:'url(' + item.pictureUrl + ') no-repeat no-repeat;background-size:100% 100%;'}"
|
|
||||||
v-for="(item,index) in activeList" :key="index" @click="handleActive(item)"/>
|
|
||||||
</scroll-view>
|
|
||||||
</template> -->
|
|
||||||
<template v-if="categorys&&categorys.length>0">
|
<template v-if="categorys&&categorys.length>0">
|
||||||
<u-tabs :list="categorys.map(e=>({name:e.categoryName}))" font-size="40" bg-color="transparent"
|
<u-tabs :list="categorys.map(e=>({name:e.categoryName}))" font-size="40" bg-color="transparent"
|
||||||
inactive-color="#999999" :active-item-style="active"
|
inactive-color="#999999" :active-item-style="active"
|
||||||
@@ -201,7 +92,8 @@ export default {
|
|||||||
backgroundNavbar: {
|
backgroundNavbar: {
|
||||||
background: 'url(https://cdn.cunwuyun.cn/wechat/wuxi/wuxi-nav-bg.png) no-repeat',
|
background: 'url(https://cdn.cunwuyun.cn/wechat/wuxi/wuxi-nav-bg.png) no-repeat',
|
||||||
backgroundSize: 'cover',
|
backgroundSize: 'cover',
|
||||||
}
|
},
|
||||||
|
appList: [], //应用列表
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
computed: {
|
computed: {
|
||||||
@@ -222,11 +114,12 @@ export default {
|
|||||||
},
|
},
|
||||||
onLoad() {
|
onLoad() {
|
||||||
this.autoLogin().then(() => {
|
this.autoLogin().then(() => {
|
||||||
// this.getSwiperList();
|
this.getSwiperList();
|
||||||
this.getName();
|
this.getName();
|
||||||
this.getGrids();
|
// this.getGrids();
|
||||||
this.getActive();
|
this.getActive();
|
||||||
this.getNotice();
|
this.getNotice();
|
||||||
|
this.getAppList()
|
||||||
})
|
})
|
||||||
},
|
},
|
||||||
methods: {
|
methods: {
|
||||||
@@ -351,6 +244,23 @@ export default {
|
|||||||
})
|
})
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
|
getAppList() {
|
||||||
|
this.$instance.get("/wuxi_home.json", null, { withoutToken: true }).then(res => {
|
||||||
|
if (res.length) {
|
||||||
|
this.appList = res
|
||||||
|
}
|
||||||
|
})
|
||||||
|
},
|
||||||
|
toService() {
|
||||||
|
uni.switchTab({
|
||||||
|
url: '/pages/AppModules/AppModules'
|
||||||
|
})
|
||||||
|
},
|
||||||
|
openApp(row) {
|
||||||
|
if(row.appId) {
|
||||||
|
uni.navigateToMiniProgram({appId: row.appId});
|
||||||
|
}
|
||||||
|
}
|
||||||
},
|
},
|
||||||
|
|
||||||
onShareAppMessage() {
|
onShareAppMessage() {
|
||||||
@@ -420,6 +330,10 @@ export default {
|
|||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
// .app-list {
|
||||||
|
// margin-bottom: 24px;
|
||||||
|
// }
|
||||||
|
|
||||||
.title-content {
|
.title-content {
|
||||||
display: flex;
|
display: flex;
|
||||||
justify-content: space-between;
|
justify-content: space-between;
|
||||||
@@ -485,12 +399,13 @@ export default {
|
|||||||
}
|
}
|
||||||
|
|
||||||
.app-content {
|
.app-content {
|
||||||
padding: 48px 32px 32px;
|
padding: 48px 16px 8px;
|
||||||
display: flex;
|
// display: flex;
|
||||||
.item-app {
|
.item-app {
|
||||||
// width: 104px;
|
display: inline-block;
|
||||||
|
width: 25%;
|
||||||
text-align: center;
|
text-align: center;
|
||||||
margin-right: 86px;
|
margin-bottom: 20px;
|
||||||
img {
|
img {
|
||||||
width: 96px;
|
width: 96px;
|
||||||
height: 96px;
|
height: 96px;
|
||||||
|
|||||||
@@ -36,10 +36,9 @@ export default {
|
|||||||
this.current = e.detail.current;
|
this.current = e.detail.current;
|
||||||
if(this.current == 2) {
|
if(this.current == 2) {
|
||||||
setTimeout(() => {
|
setTimeout(() => {
|
||||||
// uni.switchTab({
|
uni.switchTab({
|
||||||
// url: '/pages/AppHome/AppHome'
|
url: '/pages/AppHome/AppHome'
|
||||||
// })
|
})
|
||||||
console.log(123)
|
|
||||||
}, 2000)
|
}, 2000)
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
@@ -52,12 +51,12 @@ export default {
|
|||||||
url: '/pages/AppHome/AppHome'
|
url: '/pages/AppHome/AppHome'
|
||||||
})
|
})
|
||||||
} else {
|
} else {
|
||||||
this.getList()
|
// this.getList()
|
||||||
setTimeout(() => {
|
// setTimeout(() => {
|
||||||
uni.switchTab({
|
// uni.switchTab({
|
||||||
url: '/pages/AppHome/AppHome'
|
// url: '/pages/AppHome/AppHome'
|
||||||
})
|
// })
|
||||||
}, 3000)
|
// }, 3000)
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
})
|
})
|
||||||
@@ -79,7 +78,7 @@ export default {
|
|||||||
}
|
}
|
||||||
},
|
},
|
||||||
onShow() {
|
onShow() {
|
||||||
// this.getStatus()
|
this.getStatus()
|
||||||
},
|
},
|
||||||
}
|
}
|
||||||
</script>
|
</script>
|
||||||
|
|||||||
Reference in New Issue
Block a user