收藏
回答

使用cover-view自定义头部导航页面卡顿

框架类型 问题类型 终端类型 微信版本 基础库版本
小程序 Bug 微信安卓客户端 8.0.35 2.32.1

使用cover-view自定义头部导航页面卡顿,复现流程:在二级页面挂起10分钟后进入页面,页面出现滑动和点击卡顿现象(安卓机卡顿比较明显)。

以下是头部自定义导航代码

<cover-view class="nav-bar {{type}}" style="height: {{navHeight}}px; opacity:{{type != 'transparent' ? 1 : opacity}}">

  <cover-view

    style="padding-top: {{ navTop }}px; text-align: center; width: 100%; ">

    <cover-view style="display:inline-block; height: {{ menuButtonHeight }}px;line-height: {{ menuButtonHeight }}px; bindtap="dropdown">

      {{title}}

      <cover-view class="dropdownwx:if="{{dropdown}}">

        <cover-image wx:if="{{ arrow == 'up' }}" src="https://hmpcloud-static.oss-cn-shenzhen.aliyuncs.com/app/images/icon_up.png" />

        <cover-image wx:if="{{ arrow == 'down' }}" src="https://hmpcloud-static.oss-cn-shenzhen.aliyuncs.com/app/images/icon_down.png" />

      </cover-view>

    </cover-view>

  </cover-view>

</cover-view>

<cover-view bindtap="backclass="nav-bar-icon-boxstyle="top: {{navTop - 15 + menuButtonHeight/2}}px;">

  <cover-view wx:if="{{ back }}" style="opacity:{{type != 'transparent' ? 1 : opacity}}" class="nav-bar-icon {{type}}">

    <cover-image wx:if="{{ arrowColor == 'black' }}" src="../../../images/icon_return.pngstyle="opacity:{{type != 'transparent' ? 1 : opacity}}" class="img_black {{type}}"/>

    <cover-image wx:else src="https://hmpcloud-static.oss-cn-shenzhen.aliyuncs.com/app/images/icon_back.pngstyle="opacity:{{type != 'transparent' ? 1 : opacity}}" class="nav-bar-icon {{type}}"/>

  </cover-view>

  <cover-image wx:if="{{ home }}" src="https://hmpcloud-static.oss-cn-shenzhen.aliyuncs.com/app/images/icon_home.pngstyle="opacity:{{type != 'transparent' ? 1 : opacity}}" class="nav-bar-icon {{type}}"/>

</cover-view>

<cover-view wx:if="{{type != 'transparent'}}" class="nav-bar-placeholderstyle="height: {{navHeight}}px;">

</cover-view>


回答关注问题邀请回答
收藏

1 个回答

  • 发飙的蜗牛
    发飙的蜗牛
    2023-05-25

    为什么还用cover-view现在原生组件都没了啊

    2023-05-25
    有用
    回复
登录 后发表内容