问题记录:navigation路由容器中的icon图片无法生效

前景:之前用过navigation但用法很浅,没有系统的深入了解,今天来看官网深入了解并重头看官网案例时,遇到问题

代码截图:

预览器效果图:

该案例为鸿蒙官网案例;运行开始就发现图标不显示,然后再media中添加了鸿蒙官网图标库中的图标;然后使用发现:menus中的icon 不支持 Resource类型;然后参照官网案例的图标路径在该文件的同级路径下创建了文件夹images,然后使用路径./images/plus.svg,发现依然无法显示(该案例文件,在pages文件下的第三层目录下);于是想:是不是我创建的文件夹层级太多的原因,然后就在pages页面下的创建了一个.ets文件;然后在ets文件夹下创建文件夹images文件夹并添加图片资源,然后在pages页面下第一层级下的文件中使用依然无法显示图标。然后百度了一下一个up跟我遇到了同样的问题,说images文件夹需要创建在ets目录下(之前试过,于是找了下一个),下一片文章同样没有道出具体问题(说到一个关键问题图标路径,当时认为自己的路径没有问题,并且点击./images/plus.svg是可以跳转到图片的),然后重新输入图标地址发现图片正常显示,心想也没改啥啊,一看代码发现本次的图标路径没有 加 "." ,路径为: /images/plus.svg ,然后图标正常显示。

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值