guyuan-museum-web/packages/pc/src/views/Biographies/unit6.vue

<template>
  <div class="unit6">
    <div class="wrap">
      <p class="title">劲节长青 亲情永志</p>

      <p>追忆先烈 ，隐蔽战线建奇功 ；缅怀英雄，大智大勇求光明。</p>
      <p>
        将军英名，彪炳史册。无私无畏，勇于献身的革命精神激励后人
        ，呼唤来者，人民不会忘记他为中国人民解放事业做出的贡献。
      </p>
      <p>
        今天，一代又一代的六盘儿女正继承先烈遗志 ，大力弘扬“ 不到长城非好汉
        ”的六盘山精神，团结奋进，自强不息，百折不挠，勇攀高峰，为建设美好新家园而努力奋斗！
      </p>
    </div>
  </div>
</template>

<style lang="scss" scoped>
@use "@/assets/utils.scss";

.unit6 {
  position: absolute;
  inset: 0;
  overflow-y: auto;
  background: url("./images/bg6-min.jpg") no-repeat left bottom / cover;

  .wrap {
    margin: 247px 0 0 581px;
    width: 684px;

    .title {
      margin-bottom: 50px;
      font-size: 36px;
      line-height: 50px;
      font-weight: bold;
    }
    p {
      margin-bottom: 20px;
      line-height: 34px;
    }
  }
}
</style>