<script>
export default {
  onLaunch: function () {
  },
  onShow: function () {
  },
  onHide: function () {
  },
}
</script>

<style lang="scss">
@import "uni";
/*每个页面公共css */
@each $padMar, $pm in (mar:margin, pad:padding) {
  @each $v in (8, 10, 16, 20, 32, 48, 64) {
    @each $pos, $p in (l:left, r:right, t:top, b:bottom) {
      .#{$padMar}-#{$pos+$v} {
        #{$pm}-#{$p}: #{$v}px
      }
    }
    .#{$padMar}-#{$v} {
      #{$pm}: #{$v}px
    }
    //纵向
    .#{$padMar}-v#{$v} {
      #{$pm}-top: #{$v}px;
      #{$pm}-bottom: #{$v}px;
    }
    //横向
    .#{$padMar}-h#{$v} {
      #{$pm}-left: #{$v}px;
      #{$pm}-right: #{$v}px;
    }
  }
}

.flex {
  display: flex;
  align-items: center;

  &.spb {
    justify-content: space-between;
  }

  &.wrap {
    flex-wrap: wrap;
  }

  &.column {
    flex-direction: column;
  }

  &.start {
    align-items: flex-start;
  }
}

.fill {
  flex: 1;
  min-width: 0;
  min-height: 0;
}

.shrink {
  flex-shrink: 0;
}

.avatar {
  width: 40px;
  height: 40px;

  &.circle {
    overflow: hidden;
    border-radius: 50%;
  }
}

.btn {
  color: $uni-color-primary;
  font-size: 14px;
}

</style>
