Browse Source

修改政策解读

plg 4 months ago
parent
commit
7185ad0b9f
6 changed files with 59 additions and 0 deletions
  1. BIN
      src/assets/zs/1.png
  2. BIN
      src/assets/zs/2.png
  3. BIN
      src/assets/zs/3.png
  4. BIN
      src/assets/zs/4.png
  5. BIN
      src/assets/zs/5.png
  6. 59 0
      src/views/HomeView.vue

BIN
src/assets/zs/1.png


BIN
src/assets/zs/2.png


BIN
src/assets/zs/3.png


BIN
src/assets/zs/4.png


BIN
src/assets/zs/5.png


+ 59 - 0
src/views/HomeView.vue

@@ -216,6 +216,28 @@ const planNumGet = async () => {
       </div>
     </div> -->
     <div class="home_mid">
+      <div class="kepu_title">政策解读</div>
+      <div class="book_self">
+        <div class="book_left">
+          <div class="book_title">教育部等十七部门关于印发《全面加强和</div>
+          <div class="book_title"> 改进新时代学生心理健康工作专项行动</div>
+          <div class="book_title"> 计划(2023—2025年)》的通知</div>
+
+          <div style="width: 100%;display: flex;margin-top:10px">
+            <img style="width: 100%;padding-left: 10px;padding-right: 10px;box-sizing:border-box"
+              src="../assets/zs/1.png" alt="">
+          </div>
+        </div>
+        <div class="book_right">
+
+          <div class="book_title">教育部办公厅关于加强学生心理健康管理工作的通知</div>
+          <div style="width: 100%;display: flex;margin-top:10px">
+            <img style="width: 100%;padding-left: 10px;padding-right: 10px;box-sizing:border-box"
+              src="../assets/zs/5.png" alt="">
+          </div>
+        </div>
+      </div>
+
       <div class="kepu_title">科普小课堂</div>
       <div class="kepu_title_sub">心灵成长不迷茫,科普小课堂为你点亮前行的方向</div>
       <div class="man1_group">
@@ -564,8 +586,45 @@ const planNumGet = async () => {
   //     width: 100px;
   //   }
   // }
+  .book_self {
+    margin-top: 20px;
+    width: 100%;
+    display: flex;
+    justify-content: center;
+  }
 
+  .book_left {
+    text-align: center;
+    box-sizing: border-box;
+    padding: 20px;
+    height: 700px;
+    width: 520px;
+    background-color: rgb(216, 216, 216);
+
+    // box-shadow: 8px 0px 5px #111111;
+    box-shadow: inset -15px 0px 10px -15px #161616, -2px 0px 5px #858484;
+
+    .book_title {
+      font-weight: 700;
+      line-height: 25px;
+    }
+  }
 
+  .book_right {
+    text-align: center;
+    box-sizing: border-box;
+    padding: 20px;
+    height: 700px;
+    width: 520px;
+    background-color: rgb(255, 251, 242);
+    // box-shadow: -8px 0px 5px #111111;
+    box-shadow: inset 15px 0px 10px -15px #161616, 1px 0px 5px #858484;
+
+    .book_title {
+      font-weight: 700;
+      line-height: 25px;
+    }
+  }
 
   .kepu_title {
     text-align: center;