更新

QYF-GitLab1

2025-01-22 073cd6f5a6389dea387ee58e28d354ad6180234f

更新

 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;

 src/books/kindergartenLanguageActivity/images/even.png

 src/books/kindergartenLanguageActivity/images/ti-icon.png

 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: {},

 src/books/kindergartenLanguageActivity/view/components/pageHeader.vue

New file
@@ -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>