当前位置：首页 > news >正文

uniapp自定义封装tabbar

news 来源：原创 2025/6/25 0:49:31

uniapp自定义封装tabbar

开发原因: 有很多时候小程序并没有其类目需要通过配置发布审核，
ps：需要去掉项目pages.json tabbar配置，不然重进会显示默认，跳转页面不能uni.switchTab。
在这里插入图片描述

组件tabbar

<template><viewclass="myTabBar"style="box-sizing: content-box":style="{height: height,background: backgroundColor,'border-top-color': borderStyle,'padding-bottom': isIPhoneXX && iOSBottomBarHeight}"><viewclass="tabBar-item"v-for="(item, index) in list":key="index"@click="onClickItem(index,item)"><view class="tabTag"  :class="{'ischose': tacurrent != index,}" v-if="item.num && item.num>0"><u-badge size="small" :count="item.num" type="error"></u-badge></view><!-- <view class="tabTag" v-if="item.num===-1"><u-badge size="small" :count="item.num" is-dot type="error"></u-badge></view> --><view class="tabBar-img"><imageclass="tabBar-img":src="item.iconPath"mode="widthFix"v-if="tacurrent !== index":style="{width: iconWidth}"></image><imageclass="tabBar-img":src="item.selectedIconPath"mode="widthFix"v-if="tacurrent === index":style="{width: iconWidth}"></image></view><viewclass="tabBar-text":style="{color: color,color: tacurrent === index && selectedColor,'font-size': fontSize,'font-family':'Microsoft YaHei','padding-top': spacing}">{{ item.text }}</view></view></view>
</template>
<script>
export default {components: {},data() {return {iOSBottomBarHeight: '34px',isIPhoneXX: false}},props: {tacurrent: Number, // 当前选中的值color: {// tab 上的文字默认颜色type: String,default: '#100405'},selectedColor: {// tab 上的文字选中时的颜色type: String,default: '#C31107'},backgroundColor: {// tab 的背景色type: String,default: '#ffffff'},borderStyle: {// tabbar 上边框的颜色type: String,default: '#dddddd'},fontSize: {// 文字默认大小type: String,default: '13px'},iconWidth: {// 图标默认宽度type: String,default: '20px'},spacing: {// 图标和文字的间距type: String,default: '0px'},height: {// tabBar 默认高度type: String,default: '50px'},list: {type: Array/**[{pagePath: '', // 页面路径text: '', // tab 上按钮文字iconPath: '', // 图片路径 图片请使用base64selectedIconPath: '', // 选中时的图片路径 图片请使用base64num: '', // 红色数字角标}]*/}},onLoad() {},onShow() {},onHide() {},created() {try {const { isIPhoneXX } = getApp().globalDatathis.isIPhoneXX = isIPhoneXX} catch (e) {}// try {//   const res = wx.getSystemInfoSync()//   console.log('getSystemInfoSync', res)//   if (//     res.model.search('iPhone X') != -1 ||//     res.model.search('iPhone 12 mini') != -1 ||//     res.model.search('iPhone 11') != -1 ||//     res.model.search('iPhone 12') != -1 ||//     res.model.search('iPhone 13') != -1 ||//     res.model.search('iPhone 14') != -1//   ) {//     this.isIPhoneXX = true//   }// } catch (e) {//   // Do something when catch error// }},methods: {onClickItem(index,item) {this.$emit('update:value', index)this.$emit('callback', index,item)}}
}
</script><style lang="scss" scoped>
.myTabBar {// display: flex;// justify-content: space-between;// align-items: center;// border-top: 1px solid #eee;// width: 100%;// padding-top: 10rpx;display: flex;flex-direction: row;align-items: center;position: relative;position: fixed;bottom: 0;left: 0;width: 100%;z-index: 998;padding-bottom:15px;padding-top:5px;box-sizing: initial;.tabBar-item {position: relative;// flex: 1;// text-align: center;// line-height: 1;flex: 1;justify-content: center;height: 100%;padding: 6px 0;display: flex;flex-direction: row;flex-direction: column;align-items: center;}.tabBar-text {line-height: 1;}.tabBar-img {display: inline-block;width: 40rpx;height: 48rpx;}.tabTag {position: absolute;top: 0;left: 50%;// margin: 0 auto;z-index: 9;}.ischose{top: -16% !important;left: 83% !important;}
}
</style>

2.使用页面

.使用组件

<!--底部菜单-->
<template><view class="btn-bar"><tabbar :tacurrent="tacurrent" :list="tabList" @callback="tabbarCallback" /></view>
</template>

. 定义变量

tacurrent:0,//当前显示
tabList：[ {iconPath: "/static/img/Navigation1.png",selectedIconPath: "/static/img/Navigation1_1.png",text: "比赛",pagePath: "/pages/index/index",midButton: true,},{iconPath: "/static/img/Navigation3.png",selectedIconPath: "/static/img/Navigation3_3.png",text: "俱乐部",pagePath: "/pages/club/index",midButton: false,},{iconPath: "/static/img/Navigation4.png",selectedIconPath: "/static/img/Navigation4_4.png",text: "裁判工作台",customIcon: false,pagePath: "/pages/referee/index",},{iconPath: "/static/img/Navigation5.png",selectedIconPath: "/static/img/Navigation5_5.png",text: "我的",customIcon: false,pagePath: "/pages/center/center",},]

.悬浮底部样式

.btn-bar {position: fixed;bottom: 0;left: 0;width: 100%;height: 130rpx;background-color: #ffffff;box-shadow: 0 0 36rpx 0 rgba(0, 0, 0, 0.08);display: flex;justify-content: space-between;align-items: center;padding: 0 24rpx;z-index: 9999;
}

uniapp自定义封装tabbar

uniapp自定义封装tabbar 开发原因: 有很多时候小程序并没有其类目需要通过配置发布审核， ps：需要去掉项目pages.json tabbar配置，不然重进会显示默认，跳转页面不能uni.switchTab。组件tabbar <template><viewclass&…...

编程日记 2025/6/25 0:49:31

uni-app云开发总结

uni-app云开发总结云开发无非就三个概念：云数据库、云函数、云存储 uni-app中新增了一个概念叫做云对象，它其实就是云函数的加强版，它是导出的一个对象，对象中可以包含多个操作数据库的函数，接下来咱们就详细对uni-…...

编程日记 2025/6/25 0:38:35

uniapp-商城-37-shop 购物车选好了进行订单确认3 支付栏

支付栏就是前面用的 car-Layout 在shop也用来这个组件只是在那里用来的是购物车。 1、样式我们开始进入这个页面是点击的shop的购物篮到这里就变成了支付栏其实他们是同一个组件只是做了样式区分 2、具体看看样式和代码 2.1 消失了购物车和改变了按钮名字如何…...

编程日记 2025/6/24 20:56:26

搜索二叉树-key的搜索模型

二叉搜索树(Binary Search Tree, BST)是一种重要的数据结构，它有两种基本模型：Key模型和Key/Value模型。一、Key模型 1.基本概念 Key模型是二叉搜索树中最简单的形式，每个节点只存储一个键值(key)，没有额外的数据值(value)。这…...

编程日记 2025/6/23 11:30:18

Qt ModbusSlave多线程实践总结

最近项目中用到了ModbusSlave，也就是Modbus从设备的功能，之前用的基本都是master设备，所以读取数据啥的用单线程就行了，用 void WaitHelper::WaitImplByEventloop(int msec) {QEventLoop loop;QTimer::singleShot(msec, &loop…...

编程日记 2025/6/22 21:26:51

Leetcode刷题记录18——接雨水

题源：https://leetcode.cn/problems/trapping-rain-water/description/?envTypestudy-plan-v2&envIdtop-100-liked 题目描述： 思路一： 🌟 本题核心思想：木桶效应每个位置的“桶”：假设每个柱子的位…...

编程日记 2025/6/24 21:25:13

IntelliJ IDEA 中配置 Spring MVC 环境的详细步骤

以下是在 IntelliJ IDEA 中配置 Spring MVC 环境的详细步骤： 步骤 1：创建 Maven Web 项目新建项目 File -> New -> Project → 选择 Maven → 勾选 Create from archetype → 选择 maven-archetype-webapp。输入 GroupId（如 com.examp…...

编程日记 2025/6/20 7:00:26

全球玻璃纸市场深度洞察：环保浪潮下的材料革命与产业重构（2025-2031）

一、行业全景：从传统包装到绿色经济的战略支点玻璃纸（Cellulose Film），即再生纤维素薄膜，以木浆、棉浆等天然纤维素为原料，通过碱化、黄化、成型等工艺制成，兼具透明性、柔韧性及100%生物降解性…...

编程日记 2025/6/22 12:09:39

提示js方法未定义，但是确实＜textarea＞标签未闭合。

1、问题现象。 Uncaught ReferenceError: showOtherDismantleFn is not defined 但是这个方法，在代码中明明存在。 #if($!{isNewEnergy})#if($!{batteryName} 宁德时代)<button class"btn btn-info btn-xs" onclick"showNingDismantleFn()&quo…...

编程日记 2025/6/21 8:55:13

spring中的@bean注解详解

在Spring框架中，Bean注解是用于显式声明一个Bean的核心方式之一，尤其在基于Java的配置中。Spring框架中的Bean注解实现原理涉及多个核心机制，包括配置类解析、Bean定义注册、动态代理及依赖注入等一、Bean注解的作用 Bean用于标注在方法上&…...

编程日记 2025/6/25 0:31:09

计算机网络中的DHCP是什么呀？详情解答

目录 DHCP 是什么？ DHCP 的工作原理主要功能 DHCP 与网络安全的关系 1. 正面作用 2. 潜在安全风险 DHCP 的已知漏洞 1. 协议设计缺陷 2. 软件实现漏洞 3. 配置错误导致的漏洞 4. 已知漏洞总结举例说明 DHCP 与网络安全如何提升 DHCP 安全性总结 D…...

编程日记 2025/6/23 13:50:38

uniapp-商城-38-shop 购物车选好了进行订单确认4 配送方式1

配送方式在订单确认页面最上方，可以进行选中配送还是自提，这里先看看配送。代码样式： 可以看出来是通过组件来实现的。组件名字是：delivery-layout 1、建立组件文件夹和页面，delivery-layout这里就只有配送 2、具体…...

编程日记 2025/6/22 11:20:13

粒子群优化算法(Particle Swarm Optimization, PSO)的详细解读

最近研究基于进化算法的神经网络架构搜索，仔细阅读了TEVC2023年发表的一篇NAS搜索的文章，觉得收益颇多，对比NSGA-2，这里给出PSO的详细解释。【本人目前研究的是多目标进化算法，欢迎交流、留言】文章题目是&#xff1…...

编程日记 2025/4/26 7:00:38

大模型在直肠癌预测及治疗方案制定中的应用研究

目录一、引言 1.1 研究背景与意义 1.2 研究目的 1.3 研究方法与创新点二、大模型技术概述 2.1 大模型的基本原理 2.2 常见大模型类型及特点 2.3 在医疗领域的应用进展三、直肠癌预测相关数据收集与处理 3.1 数据来源 3.2 数据清洗与预处理 3.3 特征工程四、大…...

编程日记 2025/6/25 0:35:39

【C++】继承----下篇

文章目录前言一、实现一个不能继承的类二、友元与继承三、继承与静态成员四、多继承以及菱形继承问题1.继承模型：2.菱形继承的问题3.虚拟继承解决数据冗余和二义性的原理4.虚拟继承的原理五、继承的总结和反思1.继承和组合总结前言各位好呀!今天呢我们接着讲继…...

编程日记 2025/6/25 0:31:08

windows安装jax和jaxlib的教程（cuda）成功安装

本文你将解决3个问题：1、jaxlib没有安装的问题；2、python3.9以上（不可忽略）、cuda12.1（可忽略）以上配置要求不满足的问题；3、numpy版本太高的问题。 1、问题描述当你直接pip install jax或者c…...

编程日记 2025/6/25 0:32:42

软考【网络工程师】2023年5月上午题答案解析

1、固态硬盘的存储介质是（)。 A 光盘 B 闪存 C 软盘 D 磁盘答案是 B。固态硬盘（Solid State Drive），简称 SSD，是用固态电子存储芯片阵列制成的硬盘，其存储介质是闪存（Flash Memory）。闪存具有非易失性，即在断电后仍能保留存储的数据，且读写速度快、抗震性强、能…...

编程日记 2025/6/25 0:41:49

支付场景下，乐观锁的实现（简洁版）

1、问题描述看到一个同事建的数据库表，好奇打开看看。 create table db_paycenter.t_pay_order_divide (id bigint auto_increment comment 主键id|20250402|XXXprimary key,user_id bigint not null comment user…...

编程日记 2025/4/26 6:59:30

AI视频技术赋能幼儿园安全——教师离岗报警系统的智慧守护

教师离岗报警系统如一位无形的守护者，实时监测教室动态，一旦发现教师离岗超30秒，立即通知园方，确保幼儿不被忽视。这套开源系统以高效检测和即时报警为核心，助力园所优化管理，增强家长信心，开启…...

编程日记 2025/6/25 0:35:38

SCI论文结构笔记

摘要五要素(Abstract)： 背景和研究问题研究目的研究方法研究结果结论和意义引言（Introduction)： 研究背景研究问题研究现状现有的研究的问题与不足本研究的研究目标文章结构研究综述(Literature review): 选题的理由现存文献中可借鉴的…...

编程日记 2025/6/25 0:44:52

《修仙家族模拟器2》：游戏背景故事介绍！

《修仙家族模拟器2》构建了一个以修仙文明为根基的宗族传承世界，玩家将扮演家族初代掌舵者，在动态演变的修仙江湖中完成从凡俗世家到仙道巨擘的蜕变。以下为具体背景设定解析： 一、世界观架构：仙凡交织的修真宇宙空间维度游戏…...

编程日记 2025/4/26 6:56:16

Linux部署ragflow,从安装docker开始~

安装docker https://download.docker.com/linux/static/stable/x86_64/docker-28.0.1.tgz #首先创建一个文件夹，存放我们需要的各类文件,并切换到该目录 mkdir /project && cd /project #此时我们的工作目录已经切换到刚刚创建的文件夹下了，接…...

编程日记 2025/6/20 2:27:22

苹果iosApp提交审核常见问题--内购订阅篇

常见问题1- 准则2.1.1 Guideline 2.1 - Information Needed The app binary includes the PassKit framework for implementing Apple Pay, but we were unable to verify any integration of Apple Pay within the app. Next Steps If the app integrates the functionali…...

编程日记 2025/6/21 9:41:07

从代码学习深度学习 - 微调 PyTorch 版

文章目录前言一、迁移学习与微调概念二、微调步骤解析三、实战案例：热狗识别3.1 数据集准备3.2 图像增强处理3.3 加载预训练模型3.4 模型重构3.5 差异化学习率训练3.6 对比实验分析总结前言深度学习模型训练通常需要大量数据，但在实际应用中，我们往往难以获得足够的标记数…...

编程日记 2025/6/20 6:19:00

Registry镜像仓库的安装与使用

任务目标 （1）了解目前主流的镜像仓库 （2）掌握registry私有镜像仓库的部署与使用任务实施基础信息 Docker私有仓库个宿主机配置信息主机名 IP地址节点角色 registry 192.168.110.80 私有仓库 node1 192.168.110.9…...

编程日记 2025/6/25 0:37:05

java多线程（6.0）

目录编辑阻塞队列阻塞队列概念生产者消费者模型阻塞队列的作用阻塞队列的使用阻塞队列的实现阻塞队列阻塞队列概念阻塞队列是一种特殊的队列，同样遵循“先进先出”的原则，支持入队操作和出队操作和一些基础方法。在此基础上&#…...

编程日记 2025/6/20 2:01:06

tkinter的文件对话框：filedialog

诸神缄默不语-个人技术博文与视频目录文章目录一、前言二、tkinter.filedialog模块详解2.1 模块导入方式2.2 通用参数说明三、五大核心函数实战3.1 选择单个文件 - askopenfilename()3.2 多文件选择 - askopenfilenames()3.3 保存文件对话框 - asksaveasfilename()3.4 选择目…...

编程日记 2025/6/24 16:37:16

HOW - 如何模拟实现 gpt 展示答案的交互效果

文章目录产品设计维度核心目标实现方式主要靠一些技巧1. 用 emoji 做语义锚点2. 每个段落只传达一件事3. 有节奏地对话式切换4. 使用 Markdown 风格来排版5. 用“你”而不是“用户”说话如果想实现类似体验（比如写文档、教程、产品介绍） 前端开发维度想…...

编程日记 2025/6/20 2:11:35

达梦数据库压力测试报错超出全局hash join空间,适当增加HJ_BUF_GLOBAL_SIZE解决

1.名词解释：达梦数据库中的HJ_BUF_GLOBAL_SIZE是所有哈希连接操作可用的最大哈希缓冲区大小，单位为兆字节（MB） 2.达梦压测报错： 3.找到达梦数据库安装文件 4.压力测试脚本 import http.client import multiprocessi…...

编程日记 2025/6/24 9:40:44

第11章面向分类任务的表示模型微调

第1章对大型语言模型的介绍第2章分词和嵌入第3章解析大型语言模型的内部机制第4章文本分类第5章文本聚类与主题建模第6章提示工程第7章高级文本生成技术与工具第8章语义搜索与检索增强生成第9章多模态大语言模型第10章构建文本嵌入模型第12章微调生成模…...

编程日记 2025/6/3 18:25:17

c#加密证件号的中间部分，改为*号

前言使用场景：在我项目中，我需要给前端提供接口，所以我要吧证件号进行加密。例如：411421199510225612，这是一个身份证号，18为的，那么我加密完成之后就会是 411421********5612，类似…...

编程日记 2025/4/26 6:55:04

qt中写一个简易的计算器

以下是添加了详细代码注释的版本： cpp #include <iostream>using namespace std;定义加法函数（已注释掉） //int add(int a, int b) { // return a b; //}定义减法函数（已注释掉） //int min(int a, int b) {…...

编程日记 2025/4/26 6:54:02

[特殊字符] Docker 从入门到实战：全流程教程 + 项目部署指南（含镜像加速）

Docker 是现代 DevOps 的基石，应用广泛于微服务、CI/CD、K8s、云原生等场景。本文将从 0 到 1 手把手带你掌握 Docker 的核心知识点，并完成 Java Nginx 项目部署，适合新手与进阶开发者阅读与实战。 📚 目录 Docker 快速入门入门…...

编程日记 2025/6/19 18:57:17

《R语言SCI期刊论文绘图专题计划》大纲

今天开始，我将和大家分享系统且详细的《R语言SCI期刊绘图专题教程》，内容会从基础到高阶应用，从配色美学到顶刊风格复现，确保大家可以学到高质量内容！下面是大纲。 📚《R语言SCI期刊论文绘图专题计划》第…...

编程日记 2025/6/23 1:36:20

从氛围到节奏：情绪化配乐网站指南

在影视、短视频、广告甚至游戏开发中，配乐的作用早已超越了简单的背景音效，它能够深刻地影响观众的情绪，为作品注入灵魂。但如何找到那些能够精准传达情绪、完美契合画面的配乐呢？今天，就让我们一起探索那些能够助力你…...

编程日记 2025/6/22 17:30:34

矩阵运营：抢占市场与流量的利器

还在为无法超越行业老大而苦恼？还在为市场份额难以扩大而焦虑？还在为流量匮乏、客资不足而发愁？别担心，矩阵运营就是你突破困局的关键！ 一、矩阵运营：颠覆传统的运营模式在当今竞争激烈的商业环境中&…...

编程日记 2025/6/22 10:48:22

【2025最新面试操作系统八股】CPU利用率和load（负载）的区别，CPU利用率怎么算。

总结负载（Load）和 CPU 利用率是衡量系统性能的两个不同的指标，它们从不同的角度反映了系统的状态。 CPU 利用率表示 CPU 正在执行指令的时间比例，即 CPU 忙碌的程度。它是一个百分比值，表示在某个时间间隔内&#x…...

编程日记 2025/6/24 18:06:50

ApplicationRunner的run方法与@PostConstruct注解

ApplicationRunner 的 run 方法与 PostConstruct 注解在 Spring Boot 中均用于初始化逻辑，但二者的执行时机、作用范围和功能特性存在显著差异。以下是详细对比分析： 一、核心差异对比维度PostConstructApplicationRunner.run()触发时机Bean 实例化…...

编程日记 2025/6/25 0:34:11

【leetcode刷题日记】lc.73-矩阵置零

目录 1.题目 2.代码 1.题目给定一个 m x n 的矩阵，如果一个元素为 0 ，则将其所在行和列的所有元素都设为 0 。请使用原地算法。示例 1： 输入：matrix [[1,1,1],[1,0,1],[1,1,1]] 输出：[[1,0,1],[0,0,0],[1,0,1]…...

编程日记 2025/6/23 1:45:30

配置 RDP 远程桌面协议连接ubuntu服务器桌面

文章目录一、简介二、服务安装三、桌面安装小结一、简介 RDP（Remote Desktop Protocol，远程桌面协议）是微软开发的一种专有协议，用于在网络上实现远程桌面访问，允许用户通过客户端设备（如 Windows、Linu…...

编程日记 2025/6/20 5:14:01

统计文件中单词出现的次数并累计

# 统计单词出现次数 fileopen("E:\Dasktape/python_test.txt","r",encoding"UTF-8") f1file.read() # 读取文件 countf1.count("is") # 统计文件中is 单词出现的次数 print(f"此文件中单词is出现了{count}次")# 2.判断单词出…...

编程日记 2025/6/22 14:12:06

【初识Trae】字节跳动推出的下一代AI原生IDE，重新定义智能编程

初识官网文档从官网可以看到有两个大标签页，即Trae IDE CN和Trae插件，这就说明Trae在发布Trae IDE的同时考虑到对主流IDE的插件支持，这一点非常有心，但是我估测Trae IDE的体验更好（就是AI IDE出生，毕…...

编程日记 2025/6/22 7:46:39

Spark读取Apollo配置

--conf spark.driver.extraJavaOptions-Dapp.idapollo的app.id -Denvfat -Dapollo.clusterfat -Dfat_metaapollo的meta地址 --conf spark.executor.extraJavaOptions-Dapp.idapollo的app.id -Denvfat -Dapollo.clusterfat -Dfat_metaapollo的meta地址在spark的提交命令中&…...

编程日记 2025/6/24 22:13:35

前端技术Ajax实战

1.1 案例_图书管理-介绍目标掌握图书管理案例的增删改查业务和 Bootstrap 弹框的使用。讲解 1. 运行图书管理案例效果展示增删改查业务效果，并使用 Bootstrap 弹框承载表单。 2. 分析步骤学习 Bootstrap 弹框（用于添加和编辑图书&#xff09…...

编程日记 2025/6/23 22:58:18

ctfshow web入门命令执行（29-77）

Web 命令执行是指攻击者借助Web应用程序里的漏洞，在服务器端执行任意系统命令的一种攻击手段。原理： Web 应用程序在处理用户输入时，有时会调用系统命令。若开发人员没有对用户输入进行严格的过滤与验证，攻击者就能够通过构造恶意…...

编程日记 2025/6/21 2:16:12

Mac「brew」快速安装Redis

安装Redis 步骤 1：安装 Redis 打开终端（Terminal）。运行以下命令安装 Redis： brew install redis步骤 2：启动 Redis 安装完成后，可以使用以下命令启动 Redis 服务： brew services start redis…...

编程日记 2025/6/20 20:25:43

非对称电容减重实验

加载高压的非对称电容在变压器油中的减重实验早年国外流传飘升机（Lifter）的视频。爱好者们用简单的材料制作了非对称电容，通高压直流电，它就能飘起来。所谓的飘升机，就是一种非对称电容。它由面积相差极大的两个极板…...

编程日记 2025/6/24 7:34:46

day37图像处理OpenCV

文章目录一、图像预处理19 霍夫变换19.1 理解霍夫变换19.2 (标准)霍夫直线变换19.3 统计概率霍夫直线变换19.4 霍夫圆变换一、图像预处理 19 霍夫变换 19.1 理解霍夫变换霍夫变换是图像处理的一种技术，主要用于检测图像中的直线、圆等几何形状。基本思想就是将…...

编程日记 2025/6/21 5:29:45

23种设计模式-行为型模式之责任链模式（Java版本）

Java 责任链模式（Chain of Responsibility Pattern）详解 🧠 什么是责任链模式？ 责任链模式是一种行为型设计模式，它使多个对象都有机会处理请求，从而避免请求的发送者与接收者之间的耦合关系。将这些对象…...

编程日记 2025/6/22 22:30:00

机器学习的基本概念

机器学习是人工智能的一个重要研究领域。与计算机科学、心理学等多种学科都有密切的关系，牵涉的面比较宽，而且许多理论及技术上的问题尚处于研究之中，接下来对它的一些基本概念和方法作一简要讨论，以便对它有一个初步的认识。一…...

编程日记 2025/6/20 2:00:46

uniapp自定义封装tabbar

相关文章：