• 注册
  • 网络资源 网络资源 关注:0 内容:13

    移动端底部菜单美化

  • 查看作者
  • 打赏作者
    • 网络资源
    • 移动端底部菜单美化

      .tabbar a.link, .tabbar a.tab-link {width: 16.666%;}/*图标宽度,我这个是5个的,自己根据自己菜单数量调整,100/(你的菜单数量)=%*/
      .toolbar-inner .meowwu-icon {font-size:6vw;}/*由于调用的阿里巴巴字体图标大小是16px,所以这里单独写一个吧,自己根据自己所需调整*/
      /*下面是点击后所显示的图标,自己根据自己设置的菜单来调整属性,图标调用自己调整,PNG或者SVG都可以*/
      .toolbar-inner .sns.active{content: url(https://xxx.com/xxx.svg);}
      .toolbar-inner .find.active{content: url(https://xxx.com/xxx.svg);}
      .toolbar-inner .video.active{content: url(https://xxx.com/xxx.svg);}
      .toolbar-inner .topic.active{content: url(https://xxx.com/xxx.svg);}
      .toolbar-inner .notice.active{content: url(https://xxx.com/xxx.svg);}
      .toolbar-inner .mine.active{content: url(https://xxx.com/xxx.svg);}

      请登录之后再进行评论

      登录
    • 帖子间隔 侧栏位置: