公式输入框样式优化

闫增涛

2024-11-22 c76dd06de1bb752719900e7ec07d24a5da0966a5

 src/books/mathBook/view/components/header.vue

@@ -1,18 +1,19 @@
<template>
  <div class="chapter" num="1">
    <!-- 封面 -->
    <div class="page-box cover mt-20" page="1" style="min-height: auto">
    <!-- 封面1 -->
    <div class="page-box cover mt-20" page="1">
      <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">
    <!-- 版权页1 -->
    <div class="page-box" page="2">
      <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">
    <!-- 版权页2 -->
    <div class="page-box text-center" page="3" style="padding: 136px 0">
      <div v-if="showPageList.indexOf(3) > -1">
        <div class="box">
          <hr class="line" />
@@ -72,6 +73,128 @@
      </div>
    </div>

    <div class="page-box" page="4">
      <div v-if="showPageList.indexOf(4) > -1">
        <div class="padding-116" style="padding-top:50px ;">
          <div class="publishTitle">
            <div>
              <div class="indentation">“十四五” 职业教育国家规划教材</div>
              <div class="indentation">(中等职业学校公共基础课程教材)出版说明</div>
              <div class="indentation" style="color: #000; font-size: 16px; letter-spacing: 10px;  ">
                ....................................</div>
            </div>
            <div style="margin-left: 15px;">
              >>>>
            </div>
          </div>
          <p style="margin-top: 30px; line-height: 30px; ">
            为贯彻党的二十大精神，落实《中华人民共和国职业教育法》规定，深化职业教育“三教”改革，全面提高技术技能型人才培养质量，按照《职业院校教材管理办法》《中等职业学校公共基础课程方案》和有关课程标准的要求，在国家教材委员会的统筹领导下，根据教育部职业教育与成人教育司安排，教育部职业教育发展中心组织有关出版单位完成对数学、英语、信息技术、体育与健康、艺术、物理、化学7门公共基础课程国家规划新教材修订工作，修订教材经专家委员会审核通过，统一标注“十四五”职业教育国家规划教材（中等职业学校公共基础课程教材）。
          </p>
          <p style=" line-height: 30px; ">
            修订教材根据教育部发布的中等职业学校公共基础课程标准和国家新要求编写，全面落实立德树人根本任务，突显职业教育类型特征，遵循技术技能人才成长规律和学生身心发展规律，聚焦核心素养、注重德技并修，在教材结构、教材内容、教学方法、呈现形式、配套资源等方面进行了有益探索，旨在推动中等职业教育向就业和升学并重转变，打牢中等职业学校学生的科学文化基础，提升学生的综合素质和终身学习能力，提高技术技能人才培养质量，巩固中等职业教育在职业教育体系中的基础地位。
          </p>
          <p style=" line-height: 30px; ">
            各地要指导区域内中等职业学校开齐开足开好公共基础课程，认真贯彻实施《职业院校教材管理办法》，确保选用本次审核通过的国家规划修订教材。如使用过程中发现问题请及时反馈给出版单位，以推动编写、出版单位精益求精，不断提高教材质量。
          </p>
          <div class="information">
            <p>中等职业学校公共基础课程教材建设专家委员会</p>
            <p>2023年6月</p>
          </div>
        </div>
      </div>
    </div>

    <div class="page-box" page="5">
      <div v-if="showPageList.indexOf(5) > -1">
        <div class="padding-116" style="padding-top:50px ;">
          <div class="publishTitle">
            <div>
              <div class="indentation">前言</div>
              <div class="indentation" style="color: #000; font-size: 16px; letter-spacing: 10px;  ">
                ......</div>
            </div>
            <div style="margin-left: 15px;">
              >>>>>>>>
            </div>
          </div>
          <p>
            中等职业学校数学课程是中等职业学校各专业学生必修的公共基础课程，承载着落实立德树人根本任务、发展素质教育的功能，具有基础性、发展性、应用性和职业性等特点。本套教材是“十四五”职业教育国家规划教材（中等职业学校公共基础课程教材），依据《中等职业学校公共基础课程方案》和《中等职业学校数学课程标准》（以下简称“新课标”）编写。
          </p>
          <div class="zt-ls1" style="margin-top: 30px;">
            一、本套教材的主要内容
          </div>
          <p>
            本套教材注重提升学生数学运算、直观想象、逻辑推理、数学抽象、数据分析和数学建模六大数学学科核心素养；注重提高学生学习数学的兴趣，增强学生学好数学的主动性和自信心，使学生养成理性思维、敢于质疑、善于思考的科学精神和精益求精的工匠精神，加深对数学的科学价值、应用价值、文化价值和审美价值的认识；注重依据中职学生的实际情况，为不同需求的学生提供未来发展所需的数学知识，并培养其相应的数学能力。
          </p>
          <p>本套教材内容体系如下。</p>
          <p class="center openImgBox">
            <img class="img-b" alt="" src="../../assets/images/0004-1.jpg" />
          </p>
        </div>
      </div>
    </div>

    <div class="page-box" page="6">
      <div v-if="showPageList.indexOf(6) > -1">
        <div class="padding-116" style="padding-top:50px ;">
          <p class=" openImgBox">
            <img class="img-d" alt="" src="../../assets/images/0005-1.jpg" style="width: 46%;" />
          </p>
          <div class="zt-ls1" style="margin-top: 30px;">
            二、本套教材的主要特色
          </div>
          <p class="zt-ls1" style="margin-top: 30px;">
            ·紧扣新课标新理念，注重发展核心素养
          </p>
          <div class="textIndentation">
            为全面贯彻党的教育方针、落实立德树人根本任务，本套教材严格依据新课标编写，全面落实新课标要求，在数学内容设计中突出数学学科核心素养，注重学生核心素养的提升。
          </div>

          <p class="zt-ls1" style="margin-top: 30px;">
            ·重视实践体现应用，突显数学育人价值
          </p>
          <div class="textIndentation">
            本套教材充分考虑中等职业教育的教学规律、一线职业学校学生的实际情况和学生未来职业发展需求，注重创设贴近学生生活、未来职场的数学情境，生动自然地引入、呈现、展开数学知识的学习。数学情境多源自日常生活、社会生活或生产实践案例，注重在案例情境中提出数学问题，使学生学会运用数学知识和数学思维解决实际问题，提升学生的数学运用能力。
          </div>
          <p class="zt-ls1" style="margin-top: 30px;">
            ·新知生成旧知迁移，有机构建数学整体
          </p>
          <div class="textIndentation">
            本套教材注重数学新知识的自然生成，设置“知识回顾”“问题提出/观察思考”“分析理解”“抽象概括”等栏目，通过层层递进的符合逻辑规律的结构体例，让学生了解数学知识的来龙去脉。教材注意各部分知识之间的内在联系，通过类比、联想、知识的迁移和应用等手段，使学生体会知识之间的有机联系，感受数学的整体性，正确认识数学的本质。
          </div>
          <p class="zt-ls1" style="margin-top: 30px;">
            ·尊重学生主体地位，体现分层教学理念
          </p>
          <div class="textIndentation">
            本套教材注重数学新知识的自然生成，设置“知识回顾”“问题提出/本套教材坚持以学生为本，尊重学生主体地位，关注学生的个体差异。在例题选择、习题编排等方面均差别化设置难度，突出学业水平评价要素，体现分层教学的理念，既适应不同地区、不同专业类别、不同数学基础学生的特点，又兼顾学生升学和就业的需要。
          </div>
          <div class="zt-ls1" style="margin-top: 30px;">
            三、本套教材的配套资源
          </div>
          <p>本套教材为学生提供配套学习指导与能力训练，帮助学生进行同步复习与学习检测，兼顾升学和就业两种发展需求，提升学生学习效率和效果。</p>
        </div>
      </div>
    </div>

    <div class="page-box" page="7">
      <div v-if="showPageList.indexOf(7) > -1">
        <div class="padding-116" style="padding-top:50px ;">
          <p>
            “京师E课”为本套教材配套资源服务平台，为教师开展多样化教学、学生开展个性化自主学习提供全方位的支持和服务。本套教材配备丰富的数字资源，资源类型包括教学课件、同步教案、重难点知识讲解视频、重难点习题讲解视频以及在线交互习题等。我们将继续开展其他优质数字教学资源的研发和建设，不断更新和丰富相关内容，做到与时俱进。师生可访问京师E课官方网站：https：∥jsek.bnuic.com，登录后搜索书名进行查看。
          </p>
          <div class="zt-ls1" style="margin-top: 30px;">
            四、本教材的编写团队及分工
          </div>
          <p>
            本套教材由北京师范大学数学科学学院曹一鸣教授担任主编，负责设计教材的编写提纲、编写体例，本册教材为基础模块上册，由付勇、董连春担任分册主编。本册教材书稿撰写分工如下：第一单元，周阳、胡琴竹；第二单元，董连春、钟建林；第三单元，郑常秀、胡琴竹、周海燕；第四单元，付勇、杨裕铨；第五单元，李茂良、李恒、田世伟。曹一鸣对全书进行统稿、定稿，并对第一、第二、第三单元进行较大幅度的修改，付勇、董连春、胡琴竹、郑常秀、李茂良、杨裕铨、钟建林参与全书的审稿和定稿工作。
          </p>
          <p>
            除上述主要编者外，参加本教材讨论、修改和相关教学资源制作的还有（以姓氏笔画为序）：王立东（北京师范大学），刘雷雷（重庆市北碚职业教育中心），严凯（上海市材料工程学校），张金玲（重庆市育才职业教育中心），林雪梅（上海市商业会计学校），柴光祥（绥阳县中等职业技术学校），徐永昌（长垣职业中等专业学校），高晓兵（北部湾职业技术学校），曾善鹏（杭州市电子信息职业学校）。同时，在教材前期的试教试用过程中，我们收到了很多省市数学教研员、教师的宝贵意见和建议，在此一并表示感谢！
          </p>
          <p>由于时间较为仓促，教材难免存在不足之处，我们诚恳地期待各位读者提出宝贵的修改意见和建议（请发邮件至yjp@bnupg.com）。</p>
        </div>
      </div>
    </div>
  </div>
</template>

@@ -95,18 +218,22 @@
  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;
@@ -116,6 +243,7 @@
  border-bottom: 30px solid transparent;
  border-left: 0px solid transparent;
}

.tixing-right {
  max-width: 200px;
  border-top: 40px solid transparent;
@@ -123,18 +251,44 @@
  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;
}

.publishTitle {
  width: 100%;
  height: 100px;
  color: #2cc4f3;
  border-left: 20px solid #2cc4f3;
  font-size: 25px;
  font-weight: bold;
  display: flex;
  align-items: center;

  .indentation {
    text-indent: 1em;
  }

}

.information {
  color: #2cc4f3;
  text-align: right;
  font-weight: bold;
  margin-top: 30px;
}
</style>