meri-design-dev/custom/theme/Headers.styl

基于vue框架的ui库

/*!
 * @meri-design-dev v0.0.13
 * (c) 2019-2020 wangyongcun
 * Released under the MIT License.
 * 2024-04-29 11:26:20
 */
.p-headers
  position: relative
  border-bottom: 1px solid $grey-300
  width: 100%
  height: 48px
  text-align: center

.p-headers .p-headers-left
  position: absolute
  left: 16px
  top: 0
  display: inline-flex
  align-items: center
  justify-content: center
  height: 48px

.p-headers .p-headers-middle
  position: relative
  top: 0
  left: 0
  display: inline-flex
  align-items: center
  justify-content: center
  height: 48px

.p-headers .p-headers-right
  position: absolute
  right: 16px
  top: 0
  display: inline-flex
  align-items: center
  justify-content: center
  height: 48px