Vant组件NavBar导航栏使用时去除下方白线问题

如上图，在使用Vant组件导航栏时，下方会有白线，但有时是不需要它的，下面是去掉白线的方法：

// 去掉导航栏底部白线
.van-hairline--bottom:after {
border-bottom-width: 0;
}

Vant组件NavBar导航栏使用时去除下方白线问题相关推荐

主页（八）-顶部导航——NavBar 导航栏 Icon 图标
主页(八)-顶部导航--NavBar 导航栏 & Icon 图标 NavBar 导航栏:https://mobile.ant.design/components/nav-bar-cn/ Ico ...
修改Vant组件库NavBar 导航栏的样式
最近在做一个关于vue的小项目,在做的过程中用到了Vant组件库,需要去改一下导航栏上的一些样式,官网上写的有点复杂.其实用深度选择器就能实现修改. <van-nav-bartitle=&quo ...
【uniapp】小程序中修改Vant组件navbar左箭头的颜色及图标与背景
感觉自己封装的返回组件不太好用,于是尝试用一下Vant组件库里的 NavBar [uniapp]小程序自定义一个通用的返回按钮组件_小付学代码的博客-CSDN博客_uniapp自定义返回按钮左边箭头, ...
【Flutter】StatefulWidget 组件 ( 底部导航栏组件 | BottomNavigationBar 组件 | BottomNavigationBarItem 组件 | 选项卡切换 )
文章目录一.BottomNavigationBar 组件二.BottomNavigationBarItem 组件三.BottomNavigationBar 底部导航栏代码示例四.BottomN ...
初尝微信小程序2-Swiper组件、导航栏标题配置
swiper 滑块视图容器. 很多网页的首页都会有一个滚动的图片模块,比如天猫超市首页,滚动着很多优惠活动的图片,用来介绍优惠内容,以及供用户点击快速跳转到相应页面. Swiper不仅可以滚动图片,也 ...
ionic之如何隐藏navBar导航栏
最近开始参与新的项目的开发,关于前人留下来的一套Ionic+PhoneGap+Cordova的移动端开发的App,现在需要整改部分内容.也是头一次接触ionic,再加上Angular.js的一些语法了 ...
爬虫训练场项目重要组件，导航栏+轮播图
导航栏+轮播图导航菜单导航栏 Logo 设置响应式导航栏轮播图本篇博客从导航菜单开始学习,掌握本部分之后,我们的爬虫训练场就可以实现首页基础布局了. 导航菜单创建水平菜单,需要用到 .na ...
vant框架底部导航栏固定滑动抖动解决
#ffoot{ height:120px; position:fixed; bottom:0px; transform: translateZ(0); -webkit-transform: trans ...
elementUi NavMenu 导航菜单去除下划白线
<el-menuclass="el-menu-vertical-demo menu-left":unique-opened="true"v-for=&qu ...

Vant组件NavBar导航栏使用时去除下方白线问题

Vant组件NavBar导航栏使用时去除下方白线问题相关推荐

最新文章

热门文章