116 lines
2.5 KiB
Vue
116 lines
2.5 KiB
Vue
<template>
|
|
<view class="bottoms">
|
|
<view class="box" @click="getgogo(1)">
|
|
<view class="imgs">
|
|
<image src="http://www.nuoyunr.com/lananRsc/home.png" v-show="aindex == 1" ></image>
|
|
<image src="http://www.nuoyunr.com/lananRsc/homex.png" v-show="aindex != 1" ></image>
|
|
</view>
|
|
<view class="">首页</view>
|
|
</view>
|
|
<view class="box" @click="getgogo(2)">
|
|
<view class="imgs">
|
|
<image src="http://www.nuoyunr.com/lananRsc/message.png" v-show="aindex == 2"></image>
|
|
<image src="http://www.nuoyunr.com/lananRsc/messagex.png" v-show="aindex != 2"></image>
|
|
</view>
|
|
<view class="">消息</view>
|
|
</view>
|
|
<view class="box" @click="getgogo(3)">
|
|
<view class="imgs">
|
|
<image src="http://www.nuoyunr.com/lananRsc/ycar.png" v-show="aindex == 3"></image>
|
|
<image src="http://www.nuoyunr.com/lananRsc/ycarx.png" v-show="aindex != 3"></image>
|
|
</view>
|
|
<view class="">运力</view>
|
|
</view>
|
|
<view class="box" @click="getgogo(4)">
|
|
<view class="imgs">
|
|
<image src="http://www.nuoyunr.com/lananRsc/my.png" v-show="aindex == 4"></image>
|
|
<image src="http://www.nuoyunr.com/lananRsc/myx.png" v-show="aindex != 4"></image>
|
|
</view>
|
|
<view class="">个人中心</view>
|
|
</view>
|
|
</view>
|
|
</template>
|
|
|
|
<script>
|
|
import request from '../../utils/request';
|
|
export default{
|
|
data(){
|
|
return{
|
|
aindex:1,
|
|
arr:[
|
|
{text:'首页'},
|
|
{text:'消息'},
|
|
{text:'运力'},
|
|
{text:'个人中心'},
|
|
]
|
|
}
|
|
},
|
|
methods:{
|
|
getgogo(index){
|
|
|
|
|
|
if(index == 1){
|
|
this.aindex = index
|
|
uni.reLaunch({
|
|
url:'/pages/rescue/rescue'
|
|
})
|
|
}
|
|
if(index == 2){
|
|
this.aindex = index
|
|
uni.showToast({
|
|
title:'此功能暂未开发',
|
|
icon:'none'
|
|
})
|
|
}
|
|
if(index == 3){
|
|
this.aindex = index
|
|
uni.showToast({
|
|
title:'此功能暂未开发',
|
|
icon:'none'
|
|
})
|
|
}
|
|
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: #242A38;
|
|
display: flex;
|
|
justify-content: space-between;
|
|
font-size: 14px;
|
|
font-weight: 400;
|
|
color: #FFFFFF;
|
|
}
|
|
.box{
|
|
width: 25%;
|
|
text-align: center;
|
|
font-size: 12px;
|
|
}
|
|
.imgs{
|
|
margin: 0 auto;
|
|
margin-top: 10px;
|
|
width: 18px;
|
|
height: 16px;
|
|
image{
|
|
width: 100%;
|
|
height: 100%;
|
|
}
|
|
}
|
|
</style> |