首页 > 解决方案 > Vuetify 底部导航在 ios 浏览器上出现故障

问题描述

导航上的图标和文字变成了红色圆圈中的样子

我为此导航栏使用 vuetify 底部导航和谷歌材料图标。但是当在 ios 浏览器中打开时,(尝试过 chrome 和 safari)导航菜单就像上图一样。尤其是在上下滚动之后。有时不出现,但大多出现。在安卓浏览器上没问题。

这里可能出现什么问题?在 css 中我需要使用 oberflow touch 之类的东西还是 html 中的东西?

<v-bottom-nav fixed color="accent" :value="true" :active.sync="e1">
  <v-btn to="/" flat color="white" value="home">
    <span>Beranda</span>
    <v-icon>home</v-icon>
  </v-btn>
  <v-btn to="/orders" flat color="white" value="orders">
    <span>Pesanan</span>
    <v-icon>history</v-icon>
  </v-btn>
  <v-btn to="/favorites" flat color="white" value="favorites">
    <span>Favorit</span>
    <v-icon>favorite</v-icon>
  </v-btn>
  <v-btn to="/profile" flat color="white" value="profile">
    <span>Profil</span>
    <v-icon>person</v-icon>
  </v-btn>
</v-bottom-nav>

谢谢,

标签: cssvue.js

解决方案


推荐阅读