tabbar修改

common/hans-tabbar/hans-tabbar.vue

 <template>
 	<view class="weui-tabbar" :class="extClass">
 		<view  @click="tabChange(index)" v-for="(item, index) in list" :key="index" class="weui-tabbar__item" :class="[{'weui-bar__item_on':index === current},{'flexd__icon':index===2}]">
-			<view style="position: relative;display:inline-block;"><image :src="current === index ? item.selectedIconPath : item.iconPath" class="weui-tabbar__icon"></image></view>
+			<view style="position: relative;display:inline-block;">
+				<image :src="current === index ? item.selectedIconPath : item.iconPath" class="weui-tabbar__icon" v-if="index !== 2"></image>
+				<image src="/static/tarbar/index31.png" v-else class="weui-tabbar__icon2"></image>
+			</view>
 			<view class="weui-tabbar__label">{{ item.text }}</view>
 		</view>
 	</view>
-</template>
+</template> 
 <script>
 export default {
 	props: {
@@ -48,19 +51,24 @@ export default {
 	box-shadow: 0px 8rpx 19rpx 2rpx rgba(215, 215, 215, 0.21);
 }
 .flexd__icon{
-    position: relative;
-    top: -30rpx;
-    left: 0;
-    right: 0;
-    text-align: center;
-    margin: 0 auto;
-	background: url('../../static/tarbar/index31.png') center center no-repeat;
-	background-size: contain;
-	width: 54rpx;
-	height: 54rpx;
+ //    position: relative;
+ //    top: -30rpx;
+ //    left: 0;
+ //    right: 0;
+ //    text-align: center;
+ //    margin: 0 auto;
+	// background: url('../../static/tarbar/index31.png') center center no-repeat;
+	// background-size: contain;
+	// width: 54rpx !important;
+	// height: 54rpx !important;
+	.weui-tabbar__icon2{
+		width:86rpx;height:86rpx;
+		position: relative;
+		top:-40rpx;
+	}
 	>.weui-tabbar__label{
 		position: relative;
-		bottom:-30rpx;
+		bottom:36rpx;
 	}
 }
 .weui-tabbar:before {