<template>
|
<view class="fixed-down">
|
<view @click="activeClick(0)" :class="{ active: active == 0}">
|
<image src="/static/policy/main.png" mode="heightFix" v-if="active != 0"></image>
|
<image src="/static/policy/main-select.png" mode="heightFix" v-if="active == 0"></image>
|
<view>工作台</view>
|
</view>
|
<view @click="scode" class="relative">
|
<image class="code" src="/static/policy/scode.png" mode="heightFix"></image>
|
</view>
|
<view @click="activeClick(1)" :class="{ active: active == 1}">
|
<image src="/static/policy/user.png" mode="heightFix" v-if="active != 1"></image>
|
<image src="/static/policy/user-select.png" mode="heightFix" v-if="active == 1"></image>
|
<view>我的</view>
|
</view>
|
</view>
|
</template>
|
|
<script>
|
export default {
|
data() {
|
return {
|
active: 0
|
}
|
},
|
methods: {
|
scode() {
|
uni.scanCode({
|
success: val => {
|
if(val.errMsg === 'scanCode:ok'){
|
console.log(val.result)
|
uni.navigateTo({
|
url: `/policy/scodePage/scodePage?code=${val.result}`
|
})
|
}
|
}
|
})
|
},
|
activeClick(number) {
|
this.active = number
|
this.$emit('update:activeNumber', number)
|
}
|
}
|
}
|
</script>
|
|
<style scoped lang="scss">
|
.fixed-down{
|
position: fixed;
|
bottom: 0;
|
width: 100%;
|
display: flex;
|
justify-content: space-around;
|
align-items: center;
|
padding-bottom: 29rpx;
|
background-color: white;
|
font-size: 20rpx;
|
color: #7E8596FF;
|
&>view{
|
text-align: center;
|
}
|
.active{
|
color: #1171E0FF;
|
}
|
image{
|
height: 58rpx;
|
width: 58rpx;
|
}
|
.code{
|
width: 108rpx;
|
height: 108rpx;
|
// position: absolute;
|
// top: -20rpx;
|
// left: 0;
|
}
|
.relative{
|
position: relative;
|
width: 136rpx;
|
height: 136rpx;
|
background-color: white;
|
border-radius: 50%;
|
padding: 12rpx;
|
top: -40rpx;
|
display: flex;
|
box-sizing: border-box;
|
justify-content: center;
|
align-items: center;
|
}
|
}
|
</style>
|
