first commit
This commit is contained in:
@@ -0,0 +1,140 @@
|
||||
<!--#
|
||||
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">
|
||||
<van-grid-item :class="item.isOpen ? '' : 'not_open'"
|
||||
: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/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: true,
|
||||
backGroundColor: '#c88f5c'
|
||||
},
|
||||
{
|
||||
src: '/assets/platform/img/quickentry/db.png',
|
||||
text: '大病互助',
|
||||
isOpen: true,
|
||||
backGroundColor: '#dd5858'
|
||||
},
|
||||
{
|
||||
src: '/assets/platform/img/quickentry/jy.png',
|
||||
text: '建言献策',
|
||||
isOpen: true,
|
||||
backGroundColor: '#2fbabf'
|
||||
},
|
||||
]
|
||||
}
|
||||
},
|
||||
methods: {
|
||||
async loginOut() {
|
||||
const confirm = await vant.Dialog.confirm({
|
||||
title: '提示',
|
||||
message: '您确认要取消绑定吗?',
|
||||
})
|
||||
if (confirm === "confirm") {
|
||||
window.location.href = "/mobile/login/clearWxOpenId"
|
||||
}
|
||||
},
|
||||
},
|
||||
created() {
|
||||
|
||||
}
|
||||
})
|
||||
</script>
|
||||
|
||||
<!--#
|
||||
}
|
||||
#-->
|
||||
|
||||
|
||||
Reference in New Issue
Block a user