收藏
回答

使用自定义导航组件时候,顶部导航的回退图标,在进行navigateTo跳转时,图标会放大闪现一下?

组件 donttaiNavi.wxml

<view class="dongtai-nav" style="height:{{topBarHeight+navHeight}}">
<!-- 状态栏 -->
  <view style="width:100%;height:{{topBarHeight}}px;"></view>
<!-- 导航栏 -->
  <view style="height:{{navHeight}}px;width:100%;position:relative;" class="nav-box">
    <image src="/images/icon/back.png" class="back-img" mode="widthFix" bindtap="naviBak"></image>
    <view class="nav-center">
      <text class="nav-title" style="height:{{navHeight}};line-height:{{navHeight}}px;">标题</text>
      <image src="/images/icon/down.png" alt="" class="down-img" mode="widthFix" bindtap="showDataPicker"></image>
    </view>
  </view>
</view>

page.json
{
  "usingComponents": {"we-navi":"dongtaiNavi/donttaiNavi",
    "calendar":"../../../plugin/components/calendar/calendar"
  },
  "navigationStyle":"custom"
}

page.wxml

<we-navi bindcustomevent="showRL">
</we-navi>

从tab页面navigateTo到这个page.xml页面的时候明显可以看到回退的icon会闪一下,从大图片闪到正常,Android真机预览
wx.navigateTo({
          url'这个page页面路径',
        });
回答关注问题邀请回答
收藏

3 个回答

  • 社区技术运营专员--阳光
    社区技术运营专员--阳光
    2021-07-15

    请具体描述问题出现的流程,并提供能复现问题的简单代码片段(https://developers.weixin.qq.com/miniprogram/dev/devtools/minicode.html)。

    2021-07-15
    有用
    回复
  • 南山🐬
    南山🐬
    2021-07-16

    箭头图标的image样式加一个height给一个差不多大小,这个不影响最终高度,因为设置了mode:widthFix,会重新计算高度

    2021-07-16
    有用
    回复 1
    • 肖亚光
      肖亚光
      发表于移动端
      2021-07-16
      多谢,我试试。
      2021-07-16
      回复
  • 肖亚光
    肖亚光
    2021-07-15

    额 还要多具体?

    A page

    B page

    C component

    其中 c组件中有一个回退图标按钮

    B page页面中注册使用了C组件"navigationStyle":"custom"   自定义顶部导航
    

    然后从A页面navigateTo到B页面的时候,可以看到页面会闪一下,就是那个回退图标按钮会闪一下。

    如图,可以看到 一个是回退图标按钮,一个是下拉图标按钮, 都是先放大,然后变小,这样闪了一下。

    该怎么处理。

    2021-07-15
    有用
    回复
登录 后发表内容