From 073cd6f5a6389dea387ee58e28d354ad6180234f Mon Sep 17 00:00:00 2001
From: QYF-GitLab1 <1940665526@qq.com>
Date: 星期三, 22 一月 2025 15:55:50 +0800
Subject: [PATCH] 更新
---
src/books/kindergartenLanguageActivity/images/ti-icon.png | 0
src/books/kindergartenLanguageActivity/view/components/pageHeader.vue | 46 +++++++++++++++++++++++
src/books/kindergartenLanguageActivity/images/even.png | 0
src/books/kindergartenLanguageActivity/view/components/chapter001.vue | 4 ++
src/books/kindergartenLanguageActivity/css/default.less | 54 +++++++++++++++++++++++++++
5 files changed, 104 insertions(+), 0 deletions(-)
diff --git a/src/books/kindergartenLanguageActivity/css/default.less b/src/books/kindergartenLanguageActivity/css/default.less
index 0b36bc9..8c8f886 100644
--- a/src/books/kindergartenLanguageActivity/css/default.less
+++ b/src/books/kindergartenLanguageActivity/css/default.less
@@ -17,6 +17,60 @@
height: 100%;
font-size: 18px;
+ .page-header-box {
+ width: 100%;
+ display: flex;
+ justify-content: space-between;
+ align-items: center;
+ height: 50px;
+ .evenBox {
+ position: relative;
+ height: 100%;
+ display: flex;
+ flex-direction: column;
+ justify-content: space-between;
+ .evenIcon{
+ height: 50px;
+ }
+ .evenContent {
+ position: absolute;
+ top: 5px;
+ left: 0;
+ font-size: 16px;
+ font-weight: 700;
+ font-family: '妤蜂綋';
+
+ span:nth-child(1) {
+ padding: 0 10px;
+ border-right: 1px solid #00ADEF;
+ margin-right: 10px;
+ }
+ }
+ }
+ .oddBox {
+ width: 100%;
+ display: flex;
+ justify-content: flex-end;
+ align-items: center;
+ font-size: 16px;
+ font-weight: 700;
+ font-family: '妤蜂綋';
+ span:nth-child(1) {
+ margin-right: 10px;
+ }
+
+ span:nth-child(3) {
+ padding: 0 10px;
+ border-left: 1px solid #00ADEF;
+ margin-left: 10px;
+ }
+ .oddIcon {
+ width: 18px;
+ margin-right: 5px;
+ }
+ }
+ }
+
.page-box {
box-sizing: border-box;
min-height: 1150px;
diff --git a/src/books/kindergartenLanguageActivity/images/even.png b/src/books/kindergartenLanguageActivity/images/even.png
new file mode 100644
index 0000000..0caa538
--- /dev/null
+++ b/src/books/kindergartenLanguageActivity/images/even.png
Binary files differ
diff --git a/src/books/kindergartenLanguageActivity/images/ti-icon.png b/src/books/kindergartenLanguageActivity/images/ti-icon.png
new file mode 100644
index 0000000..b91fd08
--- /dev/null
+++ b/src/books/kindergartenLanguageActivity/images/ti-icon.png
Binary files differ
diff --git a/src/books/kindergartenLanguageActivity/view/components/chapter001.vue b/src/books/kindergartenLanguageActivity/view/components/chapter001.vue
index e52fdb2..f91d00f 100644
--- a/src/books/kindergartenLanguageActivity/view/components/chapter001.vue
+++ b/src/books/kindergartenLanguageActivity/view/components/chapter001.vue
@@ -360,6 +360,7 @@
</div>
</template>
<script>
+import pageHeader from "./pageHeader.vue";
export default {
name: "front-001",
props: {
@@ -367,6 +368,9 @@
type: Array,
},
},
+ components: {
+ pageHeader,
+ },
data() {
return {
chapter001: {},
diff --git a/src/books/kindergartenLanguageActivity/view/components/pageHeader.vue b/src/books/kindergartenLanguageActivity/view/components/pageHeader.vue
new file mode 100644
index 0000000..5fe4a9b
--- /dev/null
+++ b/src/books/kindergartenLanguageActivity/view/components/pageHeader.vue
@@ -0,0 +1,46 @@
+<template>
+ <div class="page-header-box">
+ <div class="evenBox" v-if="!isOdd">
+ <div class="evenContent">
+ <span>{{ num }}</span>
+ <span>{{ name }}</span>
+ </div>
+ <img class="evenIcon" src="../../images/even.png" alt="" />
+ </div>
+ <div class="oddBox" v-else>
+ <img class="oddIcon" src="../../images/ti-icon.png" alt="" />
+ <div class="oddContent">
+ <span>{{ chapter }}</span>
+ <span>{{ name }}</span>
+ <span>{{ num }}</span>
+ </div>
+ </div>
+ </div>
+</template>
+<script>
+export default {
+ name: "pageHeader",
+ props: {
+ num: {
+ type: String,
+ default: "",
+ },
+ name: {
+ type: String,
+ default: "",
+ },
+ chapter: {
+ type: String,
+ default: "",
+ },
+ isOdd: {
+ type: Boolean,
+ default: true,
+ },
+ },
+ data() {
+ return {};
+ },
+};
+</script>
+<style></style>
--
Gitblit v1.9.1