haowanShow/miniprogram/components/header-nav/header-nav.wxss

.nav {
  position: fixed;
  width: 100%;
  background: #fff;
  z-index: 10000000;
}
.navbar {
  position: relative;
}
.navbar-left {
  width: 80px;
  height: 27px;
  border: 1rpx solid #EAEAEA;
  border-radius: 14px;
  position: absolute;
  left: 14rpx;
  top: 50%;
  transform: translateY(-50%);
}
.back-icon,
.home-icon {
  width: 40px;
  height: 100%;
  position: absolute;
  transform: translateY(-50%);
  top: 50%;
  display: flex;
}
.back-icon {
  left: 0;
}
.back-icon::after {
  content: '';
  display: block;
  position: absolute;
  height: 16px;
  width: 1rpx;
  background: #e5e5e5;
  right: 0;
  top: 5.5px;
}
.home-icon {
  left: 40px;
}
.back-icon image {
  width: 9px;
  height: 15px;
  margin: auto;
}
.home-icon image {
  width: 15px;
  height: 15px;
  margin: auto;
}
.nav-title,
.nav-icon {
  position: absolute;
  transform: translate(-50%, -50%);
  left: 50%;
  top: 50%;
  font-size: 0;
  font-weight: bold;
}

.auto-padding {
  width: 100%;
}