From a81164dfb5529ffc669afac3a6a1572caf43f263 Mon Sep 17 00:00:00 2001
From: YM <479443481@qq.com>
Date: 星期三, 22 五月 2024 21:00:19 +0800
Subject: [PATCH] Merge branch 'master' of http://182.92.203.7:2001/r/testbookLayout
---
src/books/content/components/header.vue | 74 +++++++++++++++++--------------------
1 files changed, 34 insertions(+), 40 deletions(-)
diff --git a/src/books/content/components/header.vue b/src/books/content/components/header.vue
index 1a0a40d..5195891 100644
--- a/src/books/content/components/header.vue
+++ b/src/books/content/components/header.vue
@@ -1,56 +1,50 @@
<template>
<div class="header">
- <!-- <div class="pageHeader-first">
+ <div v-if="num == 1" class="pageHeader-first">
<div class="header-bj"></div>
- <div class="content"></div>
- </div> -->
- <div class="pageHeader-second">
+ <div class="content">
+ <div class="pageStr">{{ pageStr }}</div>
+ <div class="title">
+ <img src="../image/chapter.png" alt="" />
+ <span class="cahpter">{{ chapter }}</span>
+ </div>
+ </div>
+ </div>
+ <div v-if="num == 2" class="pageHeader-second">
<div class="second-con">
<div class="second-left"></div>
<div class="second-right">
- <img src="" alt="" />
- <span>鍗曞厓 路 鏍囬</span>
- <span>1-7</span>
+ <img src="../image/pageImg.png" alt="" />
+ <span class="pageStr">{{ chapter }}</span>
+ <span class="pageNum">{{ pageStr }}</span>
</div>
</div>
+ <div class="borderLine"></div>
</div>
</div>
</template>
<script>
export default {
- name: "header",
- data() {},
+ name: "pageheader",
+ props: {
+ num: {
+ type: Number,
+ default: 1,
+ },
+ chapter: {
+ type: String,
+ default: "",
+ },
+ pageStr: {
+ type: String,
+ default: "",
+ },
+ },
+ data() {
+ return {};
+ },
};
</script>
-<style lang="less" scoped>
-.header {
- width: 100%;
- height: 136px;
- position: absolute;
- left: 0;
- top: 0;
- z-index: 9999999;
- .pageHeader-first {
- width: 100%;
- height: 136px;
- position: relative;
- .header-bj {
- width: 80%;
- height: 115px;
- border-left: 1px solid #dfb27d;
- border-bottom: 1px solid #dfb27d;
- position: absolute;
- right: 30px;
- top: 36px;
- }
- .content {
- background-color: #f49a4c;
- width: 730px;
- height: 40px;
- position: absolute;
- left: 33px;
- top: 100px;
- }
- }
-}
+<style scoped lang="less">
+
</style>
--
Gitblit v1.9.1