121 lines
2.1 KiB
Vue
121 lines
2.1 KiB
Vue
<template>
|
|
<view class="bottoms">
|
|
<view class="box" @click="getgogo(1)">
|
|
<view class="imgs">
|
|
<image src="../../static/detection/sy.png" v-show="aindex == 1" ></image>
|
|
<image src="../../static/detection/syw.png" v-show="aindex != 1" ></image>
|
|
</view>
|
|
<view class="xzz" v-show="aindex == 1">首页</view>
|
|
<view class="wxz" v-show="aindex != 1">首页</view>
|
|
</view>
|
|
|
|
|
|
<view class="box" @click="getgogo(3)">
|
|
<view class="imgs">
|
|
<image src="../../static/detection/wd.png" v-show="aindex == 3"></image>
|
|
<image src="../../static/detection/wdw.png" v-show="aindex != 3"></image>
|
|
</view>
|
|
<view class="xzz" v-show="aindex == 3">我的</view>
|
|
<view class="wxz" v-show="aindex != 3">我的</view>
|
|
|
|
</view>
|
|
</view>
|
|
</template>
|
|
|
|
<script>
|
|
import request from '../../utils/request';
|
|
export default{
|
|
data(){
|
|
return{
|
|
aindex:1,
|
|
arr:[
|
|
{text:'首页'},
|
|
{text:'个人中心'},
|
|
],
|
|
|
|
}
|
|
},
|
|
props:{
|
|
msg:String,
|
|
|
|
},
|
|
onLoad() {
|
|
this.aindex = this.msg
|
|
},
|
|
// onShow() {
|
|
// this.aindex = this.msg
|
|
// },
|
|
mounted() {
|
|
console.log(this.aindex);
|
|
this.aindex = this.msg
|
|
},
|
|
methods:{
|
|
getgogo(index){
|
|
|
|
if(index == 1){
|
|
this.aindex = index
|
|
uni.reLaunch({
|
|
url:'/pages/staff/staff'
|
|
});
|
|
|
|
}
|
|
|
|
if(index == 3){
|
|
this.aindex = index
|
|
uni.reLaunch({
|
|
url:'/pages/staff/staff-my'
|
|
})
|
|
|
|
}
|
|
if(index == 4){
|
|
this.aindex = index
|
|
uni.showToast({
|
|
title:'此功能暂未开发',
|
|
icon:'none'
|
|
})
|
|
}
|
|
|
|
|
|
|
|
}
|
|
}
|
|
|
|
}
|
|
</script>
|
|
|
|
<style scoped lang="scss">
|
|
.bottoms{
|
|
width: 100%;
|
|
height: 50px;
|
|
position: fixed;
|
|
bottom: 0px;
|
|
background: white;
|
|
display: flex;
|
|
justify-content: space-between;
|
|
font-size: 14px;
|
|
font-weight: 400;
|
|
z-index: 9999999999999999999999999999999999999999999999999999999;
|
|
|
|
}
|
|
.box{
|
|
width: 50%;
|
|
text-align: center;
|
|
font-size: 12px;
|
|
}
|
|
.imgs{
|
|
margin: 0 auto;
|
|
margin-top: 10px;
|
|
width: 18px;
|
|
height: 16px;
|
|
image{
|
|
width: 100%;
|
|
height: 100%;
|
|
}
|
|
}
|
|
.xzz{
|
|
color: #0D2E8D;
|
|
}
|
|
.wxz{
|
|
color: #AAAAAA;
|
|
}
|
|
</style> |