wxmini/pages/components/navbar/navbar.wxss

/* components/navbar/navbar.wxss */
.nav-wrap {
  border-bottom: 1rpx solid rgba(0, 0, 0, 0.1);
}

.nav-wrap .nav-info {
  display: flex;
  align-items: center;
  position: relative;
  background-color: red;
}

.nav-wrap .nav-info .device-pic {
  margin-right: 12rpx;
  position: absolute;
  top: 0;
  left: 34rpx;
  display: flex;
  align-items: center;
  z-index: 999;
  width: 40rpx;
}

.nav-wrap .nav-info .device-pic .capsule {
  height: 36rpx;
}

.nav-title {
  width: 100%; 
  text-align: center;
  font-size: 35rpx;
  color: #000;
  font-weight: bold;
}