From a954bafb1bb4a70b2baf768230f2c50fd5c7163c Mon Sep 17 00:00:00 2001
From: YM <479443481@qq.com>
Date: 星期四, 13 六月 2024 14:20:53 +0800
Subject: [PATCH] Merge branch 'master' of http://182.92.203.7:2001/r/testbookLayout
---
src/books/math/view/components/header.vue | 140 ++++++++++++++++++++++++++++++++++++++++++++++
1 files changed, 140 insertions(+), 0 deletions(-)
diff --git a/src/books/math/view/components/header.vue b/src/books/math/view/components/header.vue
new file mode 100644
index 0000000..91d39fb
--- /dev/null
+++ b/src/books/math/view/components/header.vue
@@ -0,0 +1,140 @@
+<template>
+ <div class="chapter" num="1">
+ <!-- 灏侀潰 -->
+ <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="" class="w100" />
+ </div>
+ </div>
+ <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 v-if="showPageList.indexOf(3) > -1">
+ <div class="box">
+ <hr class="line" />
+ <p class="tl fz-14"><b>鍥句功鍦ㄧ増缂栫洰锛圕IP锛夋暟鎹�</b></p>
+ <p class="tl fz-14 m0">
+ 鏁板锛氬熀纭�妯″潡.涓婂唽/鏇逛竴楦ｏ紝浠樺媷锛岃懀杩炴槬涓荤紪.鈥�4鐗�.鈥斿寳浜細鍖椾含甯堣寖澶у鍑虹増绀撅紝2021.8锛�2023.6閲嶅嵃锛�
+ </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">
+ 鈪�.鈶犳暟鈥� 鈪�.鈶犳浌鈥� 鈶′粯鈥� 鈶㈣懀鈥� 鈪�.鈶犳暟瀛﹁-涓瓑涓撲笟瀛︽牎-鏁欐潗 鈪�.鈶燝634.603
+ </p>
+ <p class="tl fz-14">涓浗鐗堟湰鍥句功棣咰IP鏁版嵁鏍稿瓧锛�2021锛夌127012鍙�</p>
+ <hr class="line" style="height: 1px" />
+ <p class="tl fz-14 m0" style="margin-top: 136px">
+ <b>鏁欐潗鎰忚鍙嶉鑱旂郴鐢佃瘽銆�010-58807762 58806368</b>
+ </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>
+ <p class="tl fz-14 m0">銆�銆�銆�銆�銆�閭斂缂栫爜锛�100088</p>
+ <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">鍗般��銆�寮狅細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>
+ </li>
+ <li>
+ <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">
+ <b>鐗堟潈鎵�鏈� 渚垫潈蹇呯┒</b>
+ </p>
+ <p class="center m0"><b>鍙嶇洍鐗堛�� 渚垫潈涓炬姤鐢佃瘽锛�</b>010-58800697</p>
+ <p class="block2 m0">鍖椾含璇昏�呮湇鍔￠儴鐢佃瘽锛�010-58808104</p>
+ <p class="block2 m0">澶栧煚閭喘鐢佃瘽锛�010-58808083</p>
+ <p class="block2 m0">
+ 鏈功濡傛湁鍗拌璐ㄩ噺闂锛� 璇蜂笌鍗板埗绠＄悊閮ㄨ仈绯昏皟鎹€��
+ </p>
+ <p class="block2 m0">鍗板埗绠＄悊閮ㄧ數璇濓細010-58805079</p>
+ </div>
+ </div>
+ </div>
+
+ </div>
+</template>
+
+<script>
+export default {
+ name: "page-header",
+ props: {
+ showPageList: {
+ type: Array,
+ // default: [],
+ },
+ data() {
+ return {};
+ },
+ },
+};
+</script>
+
+<style lang="less" scoped>
+.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>
--
Gitblit v1.9.1