search

airyland / vux

Mobile UI Components based on Vue & WeUI
https://vux.li
MIT License
17.59k stars 3.71k forks source link

TabbarItem图标使用<i>标签，图标字体的时候图标位置下移 #1087

Closed hezhongfeng closed 7 years ago

hezhongfeng commented 7 years ago 
      <tabbar-item selected link="/main/home">
        <img slot="icon" src="../assets/logo.png">
        <span slot="label">Home</span>
      </tabbar-item>
      <tabbar-item link="/main/message">
        <i slot="icon" class="iconfont icon-home" style="font-size:27px;"></i>
        <span slot="label">Message</span>
      </tabbar-item>

使用的时候图标的位置不对，如图，跟大小没有关系 qq 20170314094654 qq 20170314094844

airyland commented 7 years ago

使用 iconfont 的情况需要自行调整位置。比如使用 position: relative, top: -*px

hezhongfeng commented 7 years ago

get 谢谢