flat: 暂存
This commit is contained in:
@@ -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;
|
||||
|
||||
Reference in New Issue
Block a user