158 lines
4.8 KiB
HTML
158 lines
4.8 KiB
HTML
<!--#
|
|
layout("/mobile/platform.html"){
|
|
#-->
|
|
<style>
|
|
|
|
#app {
|
|
background-color: #FFFFFF;
|
|
}
|
|
|
|
.icon_text {
|
|
font-size: 16px;
|
|
margin-top: 10px;
|
|
}
|
|
|
|
.van-image {
|
|
max-height: 300px !important;
|
|
}
|
|
|
|
.not_open {
|
|
filter: grayscale(100%);
|
|
}
|
|
|
|
.item_div {
|
|
text-align: center;
|
|
width: 100%;
|
|
padding: 10px 0px;
|
|
color: white;
|
|
line-height: 36px;
|
|
}
|
|
|
|
</style>
|
|
|
|
<div id="app" v-cloak>
|
|
|
|
<!--轮播图-->
|
|
<van-swipe :autoplay="3000" class="my-swipe" indicator-color="white">
|
|
<van-swipe-item v-for="item in photoArray">
|
|
<van-image width="100%" height="200px" :src="item.src"></van-image>
|
|
</van-swipe-item>
|
|
</van-swipe>
|
|
|
|
<!--宫格-->
|
|
<van-grid :border="false" :column-num="2">
|
|
<!-- :class="item.isOpen ? '' : 'not_open'" -->
|
|
<van-grid-item :class=" '' "
|
|
:url="item.isOpen ? '/mobile/index/toHome?type=' + item.text : ''" v-for="item in gridArray">
|
|
<div class="item_div" :style="'background-color: ' + item.backGroundColor ">
|
|
<div>
|
|
<van-image :src="item.src" height="32" width="40"></van-image>
|
|
</div>
|
|
<span class="icon_text">{{item.text}}</span>
|
|
</div>
|
|
</van-grid-item>
|
|
|
|
<van-grid-item>
|
|
<div class="item_div" style="background-color: rgb(155,130,239)">
|
|
<div>
|
|
<van-image height="32" width="40" src="/assets/platform/img/quickentry/education.png"
|
|
@click="location.href='/mobile/trainEducation/index'"></van-image>
|
|
</div>
|
|
<span class="icon_text">培训教育</span>
|
|
</div>
|
|
</van-grid-item>
|
|
|
|
<van-grid-item>
|
|
<div class="item_div" style="background-color: #FE8DB8">
|
|
<div>
|
|
<van-image height="32" width="40" src="/assets/platform/img/quickentry/jcbd.png" @click="loginOut"></van-image>
|
|
</div>
|
|
<span class="icon_text">解除绑定</span>
|
|
</div>
|
|
</van-grid-item>
|
|
</van-grid>
|
|
|
|
<!--<div>
|
|
<van-button color="#1867b0">退出登录</van-button>
|
|
</div>-->
|
|
|
|
</div>
|
|
|
|
<script>
|
|
const vue = new Vue({
|
|
el: '#app',
|
|
data() {
|
|
return {
|
|
photoArray: [
|
|
{src: '/assets/mobile/img/home/home1.png'},
|
|
{src: '/assets/mobile/img/home/home3.png'},
|
|
],
|
|
gridArray: [
|
|
{
|
|
src: '/assets/platform/img/quickentry/member.png',
|
|
text: '会员管理',
|
|
isOpen: true,
|
|
backGroundColor: '#58ae62'
|
|
},
|
|
/* {
|
|
src: '/assets/platform/img/quickentry/proposal.png',
|
|
text: '提案管理',
|
|
isOpen: true,
|
|
backGroundColor: '#a762c3'
|
|
},*/
|
|
{
|
|
src: '/assets/platform/img/quickentry/activity.png',
|
|
text: '活动管理',
|
|
isOpen: true,
|
|
backGroundColor: '#4778cf'
|
|
},
|
|
{
|
|
src: '/assets/platform/img/quickentry/welfare.png',
|
|
text: '福利慰问',
|
|
isOpen: false,
|
|
backGroundColor: '#c88f5c'
|
|
},
|
|
{
|
|
src: '/assets/platform/img/quickentry/db.png',
|
|
text: '大病互助',
|
|
isOpen: false,
|
|
backGroundColor: '#dd5858'
|
|
},
|
|
{
|
|
src: '/assets/platform/img/quickentry/jy.png',
|
|
text: '建言献策',
|
|
isOpen: false,
|
|
backGroundColor: '#2fbabf'
|
|
},
|
|
{
|
|
src: '/assets/platform/img/quickentry/proposal.png',
|
|
text: '协会组织',
|
|
isOpen: true,
|
|
backGroundColor: '#EEC04D'
|
|
}
|
|
]
|
|
}
|
|
},
|
|
methods: {
|
|
async loginOut() {
|
|
const confirm = await vant.Dialog.confirm({
|
|
title: '提示',
|
|
message: '您确认要取消绑定吗？',
|
|
})
|
|
if (confirm === "confirm") {
|
|
window.location.href = "/mobile/login/clearWxOpenId"
|
|
}
|
|
},
|
|
},
|
|
created() {
|
|
|
|
}
|
|
})
|
|
</script>
|
|
|
|
<!--#
|
|
}
|
|
#-->
|
|
|
|
|