mobile-more/lib/components/BizHead/index.css

基于 antd-mobile v5 扩展移动端 UI 组件

.momo-head {
  --title-font-size: var(--momo-head-title-font-size, 15px);
  --side-font-size: var(--momo-head-side-font-size, 15px);
  --close-icon-color: var(--momo-head-icon-color, var(--adm-color-weak));
  display: flex;
  align-items: center;
  height: 44px;
  border-bottom: 1px solid var(--adm-border-color);
}
.momo-head-left,
.momo-head-right {
  display: flex;
  flex: 1;
  gap: 8px;
  height: 100%;
  font-size: var(--side-font-size);
}
.momo-head-right {
  justify-content: flex-end;
}
.momo-head-center {
  flex: 1 1 auto;
  padding: 0 12px;
  overflow: hidden;
  font-weight: 500;
  font-size: var(--title-font-size);
  white-space: nowrap;
  text-align: center;
  text-overflow: ellipsis;
}
.momo-head-button {
  padding: 0 8px;
  white-space: nowrap;
  cursor: pointer;
  -webkit-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.momo-head-button:active {
  opacity: 0.8;
}
.momo-head-button,
.momo-head-button > * {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100%;
}
.momo-head-close-icon {
  color: var(--close-icon-color);
}
.momo-head-close-icon > * {
  padding: 0 5px;
}
.momo-head-confirm .momo-head-button a {
  opacity: 1;
}