|
|
@ -1,5 +1,25 @@
|
|
|
|
<template>
|
|
|
|
<template>
|
|
|
|
<tm-tabbar :autoSelect="false" v-model:active="acc">
|
|
|
|
<div class="main">
|
|
|
|
|
|
|
|
<div class="content1">
|
|
|
|
|
|
|
|
<div class="wrap1" @click="acc=0">
|
|
|
|
|
|
|
|
<div class="wrap1_1">
|
|
|
|
|
|
|
|
<img v-show="acc===0" style="width: 52rpx;height:52rpx" src="../../static/zu618.png" alt="">
|
|
|
|
|
|
|
|
<img v-show="acc!==0" style="width: 52rpx;height:52rpx" src="../../static/zu759@3x.png" alt="">
|
|
|
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
<div :style="{color: acc===0?'#EB783C':'#000'}" class="wrap1_2">
|
|
|
|
|
|
|
|
选票
|
|
|
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
<div class="wrap2" @click="acc=1">
|
|
|
|
|
|
|
|
<div class="wrap2_1">
|
|
|
|
|
|
|
|
<img v-show="acc===0" style="width: 52rpx;height:52rpx" src="../../static/zu628.png" alt="">
|
|
|
|
|
|
|
|
<img v-show="acc!==0" style="width: 52rpx;height:52rpx" src="../../static/zu-44.png" alt="">
|
|
|
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
<div :style="{color: acc===1?'#EB783C':'#000'}" class="wrap2_2">我的</div>
|
|
|
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
<!-- <tm-tabbar :autoSelect="false" v-model:active="acc">
|
|
|
|
<tm-tabbar-item
|
|
|
|
<tm-tabbar-item
|
|
|
|
@click="acc = 0"
|
|
|
|
@click="acc = 0"
|
|
|
|
activeColor="#EB783C"
|
|
|
|
activeColor="#EB783C"
|
|
|
@ -17,8 +37,7 @@
|
|
|
|
<img v-else style="width: 100%;height: 100%" src="../../static/zu-44.png" alt="">
|
|
|
|
<img v-else style="width: 100%;height: 100%" src="../../static/zu-44.png" alt="">
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</tm-tabbar-item>
|
|
|
|
</tm-tabbar-item>
|
|
|
|
</tm-tabbar>
|
|
|
|
</tm-tabbar>-->
|
|
|
|
|
|
|
|
|
|
|
|
</template>
|
|
|
|
</template>
|
|
|
|
<script setup>
|
|
|
|
<script setup>
|
|
|
|
import {ref, defineEmits, watch,} from 'vue'
|
|
|
|
import {ref, defineEmits, watch,} from 'vue'
|
|
|
@ -28,3 +47,43 @@ watch(acc,()=>{
|
|
|
|
emit('update:modelValue',acc.value)
|
|
|
|
emit('update:modelValue',acc.value)
|
|
|
|
})
|
|
|
|
})
|
|
|
|
</script>
|
|
|
|
</script>
|
|
|
|
|
|
|
|
<style scoped lang="scss">
|
|
|
|
|
|
|
|
.main{
|
|
|
|
|
|
|
|
position: fixed;
|
|
|
|
|
|
|
|
bottom: 0;
|
|
|
|
|
|
|
|
z-index: 9;
|
|
|
|
|
|
|
|
height: 170rpx;
|
|
|
|
|
|
|
|
width: 750rpx;
|
|
|
|
|
|
|
|
background-color: #fff;
|
|
|
|
|
|
|
|
.content1{
|
|
|
|
|
|
|
|
padding-right: 222rpx;
|
|
|
|
|
|
|
|
padding-left: 222rpx;
|
|
|
|
|
|
|
|
height: 100%;
|
|
|
|
|
|
|
|
display: flex;
|
|
|
|
|
|
|
|
align-items: center;
|
|
|
|
|
|
|
|
.wrap1{
|
|
|
|
|
|
|
|
display: flex;
|
|
|
|
|
|
|
|
flex-direction: column;
|
|
|
|
|
|
|
|
align-items: center;
|
|
|
|
|
|
|
|
margin-right: 206rpx;
|
|
|
|
|
|
|
|
.wrap1_2{
|
|
|
|
|
|
|
|
margin-top: 4rpx;
|
|
|
|
|
|
|
|
color: #000;
|
|
|
|
|
|
|
|
font-size: 20rpx;
|
|
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
.wrap2{
|
|
|
|
|
|
|
|
margin-right: 206rpx;
|
|
|
|
|
|
|
|
display: flex;
|
|
|
|
|
|
|
|
flex-direction: column;
|
|
|
|
|
|
|
|
align-items: center;
|
|
|
|
|
|
|
|
.wrap2_2{
|
|
|
|
|
|
|
|
margin-top: 4rpx;
|
|
|
|
|
|
|
|
color: #000;
|
|
|
|
|
|
|
|
font-size: 20rpx;
|
|
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
</style>
|
|
|
|