小程序
小游戏
企业微信
微信支付
扫描小程序码分享
如题：大家好，用navigator写的自定义底部导航，图标怎么放，点击时出来灰色的底色，这个怎么解决的？望解答。
5 个回答
加粗
标红
插入代码
插入链接
插入图片
上传视频
自己定义的话就得考虑好适配和样式问题。
试试设置这个属性：
···↓↓👍问题解决了就点个赞呗
你好，麻烦通过点击下方“反馈信息”按钮，提供出现问题的。
设置navigator的hover-class="none"就不会有点击态效果（灰色底色）。
<navigator url=“” hover-class=“none”></navigator>
<navigator hover-class='none' bindtap="event">
<image src='{{imgUrl+item.content}}'></image>
</navigator>
const pages = getCurrentPages();
const currentPage = pages[pages.length - 1];
const url = currentPage.route;//当前页面url
if(url==="pages/index/index"){
//当前页面为首页，设置首页对应icon为选中状态
}
//tips：如果底部导航为动态配置，判断url与跳转连接相等就可以了。
谢谢。有参考案例吗。不知道怎么写这个判断。
navigator点击效果是hover-class，设置成none。可以用view写点击事件，比较好布局。
判断页面路径吧
--↓↓👍觉得有帮助就点个赞呗～
--↓↓👍点赞是回答的动力哦
关注后，可在微信内接收相应的重要提醒。
请使用微信扫描二维码关注 “微信开放社区” 公众号
自己定义的话就得考虑好适配和样式问题。
试试设置这个属性：
···↓↓👍问题解决了就点个赞呗
设置navigator的hover-class="none"就不会有点击态效果（灰色底色）。
<navigator url=“” hover-class=“none”></navigator><navigator hover-class='none' bindtap="event"><image src='{{imgUrl+item.content}}'></image></navigator>const pages = getCurrentPages();const currentPage = pages[pages.length - 1];const url = currentPage.route;//当前页面urlif(url==="pages/index/index"){//当前页面为首页，设置首页对应icon为选中状态}//tips：如果底部导航为动态配置，判断url与跳转连接相等就可以了。谢谢。有参考案例吗。不知道怎么写这个判断。
navigator点击效果是hover-class，设置成none。可以用view写点击事件，比较好布局。
判断页面路径吧
--↓↓👍觉得有帮助就点个赞呗～
--↓↓👍点赞是回答的动力哦