uni-app打包app tabbar图片问题

男娘i 2023-03-02 07:38 14阅读 0赞

在没有云打包之前,在h5端,小程序端,手机端,全部都正常.但是打包成app了之后发现,tabbar的图标没有显示出来  
我之前的tabbar是这样写的

"list": [{
    				"pagePath": "pages/home/home",
    				"text": "迷妮",
    				"iconPath": "./static/icon/home-default.png",
    				"selectedIconPath": "./static/icon/home-acitve.png"
    			},
    			{
    				"pagePath": "pages/msg/msg",
    				"text": "解读所",
    				"iconPath": "./static/icon/news-default.png",
    				"selectedIconPath": "./static/icon/news-active.png"
    			},
    			{
    				"pagePath": "pages/profile/profile",
    				"text": "秘密基地",
    				"iconPath": "./static/icon/my-default.png",
    				"selectedIconPath": "./static/icon/my-active.png"
    			}
    		]

修改成

"list": [{
    				"pagePath": "pages/home/home",
    				"text": "迷妮",
    				"iconPath": "static/icon/home-default.png",
    				"selectedIconPath": "static/icon/home-acitve.png"
    			},
    			{
    				"pagePath": "pages/msg/msg",
    				"text": "解读所",
    				"iconPath": "static/icon/news-default.png",
    				"selectedIconPath": "static/icon/news-active.png"
    			},
    			{
    				"pagePath": "pages/profile/profile",
    				"text": "秘密基地",
    				"iconPath": "static/icon/my-default.png",
    				"selectedIconPath": "static/icon/my-active.png"
    			}
    		]

再次打包就正常显示图标了  
具体是什么原因,不太清楚

发表评论取消回复

表情：

评论列表（有 0 条评论，14人围观）

还没有评论，来说两句吧...

相关阅读

相关 uniapp 实现tabBar图标凸起的两种方式（App端）

![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ub

怼烎@/ 2023年03月02日 13:27/ 0 赞/ 194 阅读

相关 uni-app打包app tabbar图片问题

在没有云打包之前,在h5端,小程序端,手机端,全部都正常.但是打包成app了之后发现,tabbar的图标没有显示出来我之前的tabbar是这样写的 "list"

男娘i/ 2023年03月02日 07:38/ 0 赞/ 15 阅读

相关 [uni-app] - uni-app tabBar不显示问题

问题代码 `pages.json` "tabBar":{ "backgroundColor":"FFFFFF", "color":"0

我会带着你远行/ 2023年02月25日 10:04/ 0 赞/ 53 阅读

相关 Web App Tabbar

<template> <div class="tab"> <ul v-for="item in tabData" :key="i

Love The Way You Lie/ 2023年02月18日 01:44/ 0 赞/ 83 阅读

相关 uniapp 云打包 app

uniapp 云打包 app，记录一下 1、注册 dcloud 开发者首先需要注册一个 dcloud 开发者的账号 dcloud开发者中心：[https://dev.d

女爷i/ 2022年09月10日 10:25/ 0 赞/ 377 阅读

相关 uniapp之tabBar/页面切换

1.uniapp目录结构 ![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6L

╰半夏微凉°/ 2021年09月13日 15:24/ 0 赞/ 5522 阅读

相关 uniapp中设置TabBar

效果图： ![20210306175717503.gif][] 结构目录： ![20210306175848772.png][] pages.json:

超、凢脫俗/ 2021年07月26日 00:34/ 0 赞/ 2441 阅读

相关 uniapp——配置基本的tabbar

![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ub

淡淡的烟草味﹌/ 2021年07月25日 19:51/ 0 赞/ 648 阅读

相关 uniapp-tabBar中间凸起按钮

前言：以下是使用的是原生方法，兼容会比绘制按钮的好，不用写更多代码去让图标固定到tabBar位置。官网有提到“中间按钮仅在 list 项为偶数时有效”，这需要注意，另外在中间

秒速五厘米/ 2021年07月25日 00:51/ 0 赞/ 1532 阅读

相关 uniapp 导航栏tabBar

注意: (1)当设置导航栏在顶部,即position为top时,只能配置文字,不能配置图标 (2)当设置导航栏在顶部时,仅微信有效 (3)图标不

超、凢脫俗/ 2021年07月24日 23:15/ 0 赞/ 947 阅读