ionic3固定首页内容有阴影线问题

最新推荐文章于 2020-10-15 11:31:10 发布

cangahi09025566

最新推荐文章于 2020-10-15 11:31:10 发布

阅读量603

点赞数

本文链接：https://blog.youkuaiyun.com/cangahi09025566/article/details/81027424

版权

在ionic移动开发中,往往需要固定首页,不让其随着列表一起滑动.虽然可以固定但是会出现一条明显的阴影线.这很影响界面美观

如图红色线框圈住部分:

这个要去掉很简单,只需要在它的css样式里面添加如下代码:

.header-md::after, .tabs-md[tabsPlacement="top"] > .tabbar::after, .footer-md::before, .tabs-md[tabsPlacement="bottom"] > .tabbar::before {
  left: 0;
  bottom: -5px;
  background-position: left 0 top -2px;
  width: 100%;
  height: 5px;
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAHBAMAAADzDtBxAAAAD1BMV…h/TXEAAAAaSURBVAjXYxCEAgY4UIICBmMogMsgFLtAAQCNSwXZKOdPxgAAAABJRU5ErkJggg==);
  background-repeat: repeat-x;
  content: "";
}