fullpage-show/src/pages/section23.vue

<template>
  <div class="section section23 chapter" >
    <div class="box">
          <div class="chapter-num">第三章</div>
          <div class="chapter-title">玉美神州</div>
          <div class="chapter-intro">
            <p>
              三国至南北朝，地缘碰撞、丝路通达、民族交融，中华玉文明注入了新鲜血液；不同风格和异域材质聚合下，玉器激发出精彩与绮丽的光芒。
            </p>
            <p>
              唐宋以降，玉是世俗社会幸福与美好的寄托；包容与开放、多元文化互通，让玉器充满了意趣和风雅。
            </p>
            <p>
              明清时期，在江南、在宫廷，质精无瑕、工巧无匹，中华传统玉文明走向了巅峰。
            </p>
          </div>
        </div>
  </div>
</template>

<script setup></script>

<style lang="scss" scoped>
@import "/src/assets/style/index.scss";
.section {
  position: relative;
  position: relative;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  background: no-repeat center/cover;
  justify-content: flex-start;
}
</style>