flat: 暂存

This commit is contained in:
Apcallover
2024-03-09 15:45:03 +08:00
parent 4c243ac785
commit a1a5a00480
15 changed files with 508 additions and 75 deletions

View File

@@ -1,7 +1,7 @@
<template>
<view class="tabbar_container">
<view class="tabbar_item" v-for="(item, index) in tabbarList" :key="index" @click="changeItem(item)">
<view class="item-top" >
<view class="item-top">
<image :src="currentItem == item.id ? item.selectedIconPath : item.iconPath"
:class="[item.centerItem ? 'center-item-img' : '']"></image>
</view>
@@ -13,10 +13,10 @@
</template>
<script>
let listSrc = require('../../static/img/tabbar/list.png');
let listSrc2 = require('../../static/img/tabbar/avtiveList.png');
let newsSrc = require('../../static/img/tabbar/news.png');
let newsSrc2 = require('../../static/img/tabbar/activeNews.png');
let listSrc = require('../../static/img/tabbar/homeactive.png');
let listSrc2 = require('../../static/img/tabbar/home.png');
let newsSrc = require('../../static/img/tabbar/addactive.png');
let newsSrc2 = require('../../static/img/tabbar/add.png');
let recruitSrc = require('../../static/img/tabbar/recruit.png');
let recruitSrc2 = require('../../static/img/tabbar/activeRecruit.png');
export default {
@@ -108,12 +108,18 @@
}
}
}
.center-item-img{
position: absolute;
top: -58rpx;
left: calc(50% - 53rpx);
z-index: -1;
top: -68rpx;
left: calc(50% - 53rpx - 16rpx);
width: 106rpx !important;
height: 106rpx !important;
background-color: #FFFFFF;
padding: 16rpx;
border-radius: 50%;
}
.item-active{
color: #4071f8;