user1
2024-06-13 870e0b3c8361cfa8af3facf67b08f1f5be66252a
src/books/math/view/components/header.vue
@@ -1,37 +1,38 @@
<template>
  <div class="chapter" num="1">
    <!-- 封面 -->
    <div class="page-box cover mt-20" page="1" style="min-height:auto">
    <div class="page-box cover mt-20" page="1" style="min-height: auto">
      <div v-if="showPageList.indexOf(1) > -1">
        <img src="../../assets/images/Cover.jpg" alt="" />
        <img src="../../assets/images/Cover.jpg" alt="" class="w100" />
      </div>
    </div>
    <div class="page-box" page="2" style="min-height:auto">
      <div v-if="showPageList.indexOf(1) > -1">
        <img src="../../assets/images/Cover.jpg" alt="" />
    <div class="page-box" page="2" style="min-height: auto">
      <div v-if="showPageList.indexOf(2) > -1">
        <img src="../../assets/images/Covers.png" alt="" class="w100" />
      </div>
    </div>
      <!-- 版权页 -->
      <div class="page-box text-center" style="padding: 136px 0" page="3">
    <!-- 版权页 -->
    <div class="page-box text-center" style="padding: 136px 0" page="3">
      <div v-if="showPageList.indexOf(3) > -1">
        <div class="box">
          <hr class="line" />
          <p class="tl fz-14"><b>图书在版编目(CIP)数据</b></p>
          <p class="tl fz-14 m0">
            学前儿童卫生与保健/张兰香,潘秀萍主编.—3版.—北京:北京师范大学出版社,2023.2(2024.2重印)
            数学:基础模块.上册/曹一鸣,付勇,董连春主编.—4版.—北京:北京师范大学出版社,2021.8(2023.6重印)
          </p>
          <p class="tl" style="margin-bottom: 10px">ISBN 978-7-303-26340-0</p>
          <p class="tl" style="margin-bottom: 10px">ISBN 978-7-303-27089-7</p>
          <p class="tl fz-14 m0" style="margin-bottom: 10px">
            Ⅰ.①学… Ⅱ.①张… ②潘… Ⅲ.①学前儿童—卫生保健—幼儿师范学校—教材 Ⅳ.①R179
            Ⅰ.①数… Ⅱ.①曹… ②付… ③董… Ⅲ.①数学课-中等专业学校-教材 Ⅳ.①G634.603
          </p>
          <p class="tl fz-14">中国版本图书馆CIP数据核字(2020)第179545号</p>
          <p class="tl fz-14">中国版本图书馆CIP数据核字(2021)第127012号</p>
          <hr class="line" style="height: 1px" />
          <p class="tl fz-14 m0" style="margin-top: 136px">
            <b>教材意见反馈:gaozhifk@bnupg.com 010-58805079</b>
            <b>教材意见反馈联系电话 010-58807762 58806368</b>
          </p>
          <p class="tl fz-14 m0">营销中心电话:010-58802755 58800035</p>
          <p class="tl fz-14 m0">编辑部电话:010-58802883</p>
          <p class="tl fz-14 m0">
            <b>教材意见反馈电子信箱 yjp@bnupg.com lz@bnupg.com</b>
          </p>
          <p class="tl fz-14 m0">营销中心电话 010-58806880 58801876</p>
          <hr class="line" style="height: 1px" />
          <p class="tl fz-14 m0">出版发行:北京师范大学出版社 www.bnupg.com</p>
          <p class="tl fz-14 m0">     北京市西城区新街口外大街12-3号</p>
@@ -39,22 +40,22 @@
          <p class="tl fz-14 m0">印  刷:天津旭非印刷有限公司</p>
          <p class="tl fz-14 m0">经  销:全国新华书店</p>
          <p class="tl fz-14 m0">开  本:889mm×1194mm 1/16</p>
          <p class="tl fz-14 m0">印  张:18.25</p>
          <p class="tl fz-14 m0">字  数:373千字</p>
          <p class="tl fz-14 m0">版  次:2023年2月第3版</p>
          <p class="tl fz-14 m0">印  次:2024年2月第23次印刷</p>
          <p class="tl fz-14 m0">定  价:39.80元</p>
          <p class="tl fz-14 m0">印  张:14</p>
          <p class="tl fz-14 m0">字  数:214千字</p>
          <p class="tl fz-14 m0">版  次:2021年8月第4版</p>
          <p class="tl fz-14 m0">印  次:2023年6月第39次印刷</p>
          <p class="tl fz-14 m0">定  价:27.00元</p>
          <hr class="line" />
          <ul class="fl fl-between m0" style="padding: 0">
            <li>
              <p class="tl fz-14 m0">策划编辑:姚贵平</p>
              <p class="tl fz-14 m0">美术编辑:焦丽</p>
              <p class="tl fz-14 m0">责任校对:陈民</p>
              <p class="tl fz-14 m0">策划编辑:林 子 余娟平</p>
              <p class="tl fz-14 m0">美术编辑:焦 丽</p>
              <p class="tl fz-14 m0">责任校对:陈 民</p>
            </li>
            <li>
              <p class="tl fz-14 m0">责任编辑:周鹏</p>
              <p class="tl fz-14 m0">装帧设计:焦丽</p>
              <p class="tl fz-14 m0">责任印制:马洁</p>
              <p class="tl fz-14 m0">责任编辑:马力敏</p>
              <p class="tl fz-14 m0">装帧设计:焦 丽</p>
              <p class="tl fz-14 m0">责任印制:马 洁</p>
            </li>
          </ul>
          <p class="center m0" style="margin-top: 20px; font-size: 20px">
@@ -70,6 +71,7 @@
        </div>
      </div>
    </div>
  </div>
</template>
@@ -82,12 +84,57 @@
      default: [],
    },
    data() {
      return {
      }
      return {};
    },
  },
};
</script>
<style lang="less" scoped>
</style>
.cover img {
  width: 100%;
  object-fit: contain;
}
.box {
  max-width: 400px;
  margin: 0 auto;
}
.line {
  background-color: #000;
  height: 2px;
}
.tixing {
  position: relative;
  margin-bottom: 110px;
}
.tixing-left {
  position: absolute;
  top: 0px;
  width: 200px;
  border-top: 50px solid #1eb9ee;
  border-right: 20px solid transparent;
  border-bottom: 30px solid transparent;
  border-left: 0px solid transparent;
}
.tixing-right {
  max-width: 200px;
  border-top: 40px solid transparent;
  border-right: 0px solid transparent;
  border-bottom: 40px solid #8dd7f7;
  border-left: 40px solid transparent;
}
.tixing-box {
  width: 100%;
  height: 50px;
  background-color: #8dd7f7;
}
.tixing-text {
  position: absolute;
  top: -36px;
  left: 44px;
}
.preface-text {
  font-size: 24px;
  color: #fff;
}
</style>