<template>
|
<view class="popup-menu">
|
<u-popup mode="right" :show="menuShow" @close="close" @open="open">
|
<u-cell-group>
|
<u-cell
|
title="首页"
|
isLink
|
url="/pages/home/home" style="color:blue"
|
>
|
<image src="@/static/menuIcon/menu-home.png" slot="icon" size="32" name="search"/>
|
</u-cell>
|
<u-cell
|
title="我的申请"
|
isLink
|
url="/pages/my-application/my-application"
|
>
|
<image src="@/static/menuIcon/menu-application.png" slot="icon" size="32" name="search"/>
|
</u-cell>
|
<u-cell
|
title="我的待办"
|
isLink
|
url="/pages/my-todo/my-todo"
|
>
|
<image src="@/static/menuIcon/menu-todo.png" slot="icon" size="32" name="search"/>
|
</u-cell>
|
<u-cell
|
title="我的已办"
|
isLink
|
url="/pages/my-have-todo/my-have-todo"
|
>
|
<image src="@/static/menuIcon/menu-havedo.png" slot="icon" size="32" name="search"/>
|
</u-cell>
|
<u-cell
|
title="日发运计划"
|
isLink
|
url="/pages/jihua/jihua" style="color:blue"
|
>
|
<image src="@/static/menuIcon/menu-home.png" slot="icon" size="32" name="search"/>
|
</u-cell>
|
</u-cell-group>
|
<u-button text="退出" type="primary" @click="menuPopupClick"></u-button>
|
</u-popup>
|
</view>
|
</template>
|
|
<script>
|
import { redirectLogin } from '@/utils/status.js';
|
export default {
|
name: 'PopupMenu',
|
// props:{
|
// menuShow:{
|
// type:Boolean,
|
// default:false
|
// }
|
// },
|
// watch:{
|
// menuShow(newV,oldV){
|
// this.menuShow = newV;
|
// console.log('监听menu',newV);
|
// }
|
// },
|
data() {
|
return {
|
menuShow:false
|
};
|
},
|
methods: {
|
menuClick(){
|
this.menuShow = !this.menuShow
|
this.$emit('menuShow',this.menuShow)
|
},
|
open() {
|
console.log('open');
|
},
|
close() {
|
this.menuShow = false;
|
this.$emit('menuShow',this.menuShow)
|
},
|
menuPopupClick(){
|
this.menuShow = false;
|
redirectLogin();
|
}
|
}
|
};
|
</script>
|
|
<style lang="scss" scoped>
|
::v-deep.popup-menu {
|
.u-popup{
|
.u-transition{
|
.u-popup__content{
|
// 按钮
|
.u-button{
|
width:vww(222);
|
height:vww(40);
|
margin-bottom:vww(40);
|
}
|
// cell单元格
|
.u-cell-group{
|
|
.u-cell-group__wrapper{
|
.u-cell{
|
width:vww(270);
|
height:vww(48);
|
.u-cell__body{
|
height:vww(48);
|
.u-cell__body__content{
|
.u-cell__left-icon-wrap{
|
margin-right: vww(8);
|
image{
|
width:vww(16);
|
height:vww(16);
|
}
|
}
|
.u-cell__title{
|
.u-cell__title-text{
|
font-size:vww(14);
|
}
|
}
|
}
|
.u-cell__right-icon-wrap{
|
.u-icon{
|
.u-icon__icon{
|
width:vww(7.27);
|
height:vww(12);
|
span{
|
color:#007AFF;
|
|
}
|
}
|
}
|
}
|
}
|
}
|
}
|
}
|
|
|
|
}
|
}
|
}
|
}
|
</style>
|
