uni-app 自定义tabbar

姚小锅

已于 2024-05-08 15:49:23 修改

阅读量822

点赞数 3

分类专栏： uni-app 文章标签： uni-app

于 2024-05-08 15:48:43 首次发布

本文链接：https://blog.csdn.net/weixin_43704586/article/details/138574613

版权

uni-app 自定义tabbar

第一步：在components下创建目录tabbar，再在tabbar目录下创建tabbar.vue文件

<template>
	<view class="tabbar jsf-around">
		<view class="tabbar-item dis-c align-center " v-for="(item,index) in list" :key="index" @click="changeTab(index)">

			<view class="dis-c align-center " v-if="current == index">
				<view class="xian"></view>
				<view class="dis-c align-center padding-tb-20">
					<image :style="{width:item.width, height:item.height}" :src="item.selectedIconPath"></image>
					<view class="text active font-pf-b margin-t-5">{
  {item.text}}</view>
				</view>
			</view>

			<view v-else>
				<view class="wu_xian"&