dy-admin-manager/src/views/resetTeaming/modals/tips.vue

<template>
  <div class="paymentTips">
    <h2 class="titleTips" style="padding-top: 12px">注册说明</h2>
    <div class="noticeInfo">
      1、您注册时所选择的乐团声部，即为乐团录取最终确认的声部，请您务必仔细填写；<br />
      2、为避免因部分已注册家长放弃名额导致乐团声部失衡，系统设定各声部限额放大20%比例开放注册，系统自动按照完全完成注册的先后顺序确认录取名单，因此，超员后有可能出现无法注册的情况，请您理解。如果其他声部仍有名额，在您孩子的身体条件适合该乐器的前提下，我们将优先予以调配。
    </div>
  </div>
</template>

<style lang="less" scoped>
.paymentTips {
  background: #fff;
  margin: 10px 12px;
  border-radius: 10px;
  overflow: hidden;
}
.titleTips {
  font-size: 16px;
  line-height: 28px;
  font-weight: 500;
  padding: 0 12px 12px;
  padding-bottom: 5px;
  display: flex;
  align-items: center;
  color: #1A1A1A;
  margin-bottom: 0;

  &::before {
    content: " ";
    width: 19px;
    height: 19px;
    display: inline-block;
    margin-right: 7px;
    margin-top: -3px;
    background: url('../../../assets/images/musicGroup/icon_tips.png') no-repeat center;
    background-size: contain;
  }
}
.noticeInfo {
  // margin: 0 012px;
  position: relative;
  background: #fff;
  padding: 0 12px 10px;
  font-size: 13px;
  color: #696969;
  line-height: 20px;
}
</style>