修改样式文字

7a33efcf · pengxiaohui · 0c9a2a48 · 7a33efcf · 7a33efcf · 7a33efcf
--- a/components/home/projectFeatures.vue
+++ b/components/home/projectFeatures.vue
@@ -91,7 +91,7 @@ export default {
            '清控紫荆教育是以清华五道口相关知识产权创设而成，自成立以来与多所国际名校合作且实现课程学分互认，所获文凭均受中国教育部与国际认证，具有很强的国际化办学经验和教学水平。'
        },
        {
-          web_img_uri: 'https://webapp-pub.ezijing.com/project/marywood-plus/pc-index-project-intro-02.png?v=1',
+          web_img_uri: 'https://webapp-pub.ezijing.com/project/marywood-plus/pc-index-project-intro-02.png?v=2',
          item_desc_tit: '无需联考、灵活录取',
          item_desc_con:
            '无需参加国内竞争激烈的研究生联考，没有托福成绩的学生可以完成紫荆英语强化项目替代语言成绩。该课程以及考核成绩被美国大学认可，达到录取标准即可直接入读相应硕士课程。'
@@ -307,7 +307,7 @@ export default {
          position: absolute;
          top: 0;
          left: 0;
-          background: rgba(0,0,0,.8);
+          background: rgba(0,0,0,.6);
        }
      }
      .item_desc {
@@ -499,7 +499,7 @@ export default {
          position: absolute;
          top: 0;
          left: 0;
-          background: rgba(0,0,0,.8);
+          background: rgba(0,0,0,.6);
        }
      }
      .item_desc {

--- a/pages/academic/academic.vue
+++ b/pages/academic/academic.vue
@@ -93,9 +93,9 @@ export default {
    justify-content: center;
    align-items: center;
    flex-direction: column;
+    padding:0.3rem 0 0.3rem;
    .img_english {
-      margin-top: 0.48rem;
+      margin-top: 0.4rem;
      display: flex;
      justify-content: center;
      align-items: center;
@@ -105,7 +105,7 @@ export default {
        color: #424242;
        font-size: 0.08rem;
        margin-top: 0.1rem;
-        padding-bottom: 0.17rem;
+        // padding-bottom: 0.17rem;
      }
      .img1 {
        width: 2.53rem;

--- a/pages/school/school3.vue
+++ b/pages/school/school3.vue
@@ -85,7 +85,7 @@
          <img v-if="!courseSetTab" src="https://webapp-pub.ezijing.com/project/marywood-plus/pc-school-img2.png" />
          <img v-else src="https://webapp-pub.ezijing.com/project/marywood-plus/pc-school-img3.png" />
        </div> -->
-        <img src="https://webapp-pub.ezijing.com/project/marywood-plus/pc-school-course.png">
+        <img src="https://webapp-pub.ezijing.com/project/marywood-plus/pc-school-course.png?v=1">
      </div>
      <div class="content_tit">
        <div class="line"></div>
@@ -125,11 +125,48 @@
        </div>
        <div class="h5-title m-t-10">学制安排</div>
        <div class="img-list">
-          <img src="https://webapp-pub.ezijing.com/project/marywood/h5/school-nimg1.png" />
+          <!-- <img src="https://webapp-pub.ezijing.com/project/marywood/h5/school-nimg1.png" />
          <img src="https://webapp-pub.ezijing.com/project/marywood/h5/school-nimg2.png" />
          <img src="https://webapp-pub.ezijing.com/project/marywood/h5/school-nimg3.png" />
-          <img src="https://webapp-pub.ezijing.com/project/marywood/h5/school-nimg4.png" />
+          <img src="https://webapp-pub.ezijing.com/project/marywood/h5/school-nimg4.png" /> -->
+          <div class="xz-content">
+            <div class="xz-item xz1">
+              <div class="mask"></div>
+              <div class="desc">
+                <div class="desc_detail"><span class="num">16</span><span class="fen">个月</span></div>
+                <div class="desc_tit">学制安排</div>
              </div>
+            </div>
+            <div class="xz-item xz2">
+              <div class="mask"></div>
+              <div class="desc">
+                <div class="desc_detail"><span class="num">36</span><span class="fen">学分</span></div>
+                <div class="desc_tit">学分设置</div>
+              </div>
+            </div>
+            <div class="xz-item xz3">
+              <div class="mask"></div>
+              <div class="desc">
+                <div class="desc_detail">
+                  <span class="num">4</span><span class="fen fen1">门课</span><span class="num">12</span
+                  ><span class="fen">学分</span>
+                </div>
+                <div class="desc_tit">国内授课</div>
+              </div>
+            </div>
+            <div class="xz-item xz4">
+              <div class="mask"></div>
+              <div class="desc">
+                <div class="desc_detail">
+                  <span class="num">8</span><span class="fen fen1">门课</span><span class="num">24</span
+                  ><span class="fen">学分</span>
+                </div>
+                <div class="desc_tit">国外授课</div>
+              </div>
+            </div>
+          </div>
+        </div>
        <div class="h5-title m-t-10">课程设置</div>
        <div class="h5-course-set">
          <div class="h5-head">
@@ -550,11 +587,86 @@ export default {
    .img-list {
      overflow-x: scroll;
      display: flex;
-      img {
+      .xz-content {
-        width: 1.46rem;
+        width: 6rem;
-        height: 1.7rem;
+        margin: auto;
-        display: block;
+        text-align: center;
-        margin-right: 0.05rem;
+        display: flex;
+        .img-box {
+          position: relative;
+          flex: 1;
+          .img2 {
+            width: 956px;
+            position: absolute;
+            top: 0;
+            right: 60px;
+          }
+        }
+        .xz-item {
+          width: 1.4rem;
+          height: 1.6rem;
+          margin-right: 0.1rem;
+          cursor: pointer;
+          position: relative;
+          .mask {
+            position: absolute;
+            background: rgba(0, 0, 0, 0.6);
+            color: #ffffff;
+            opacity: 1;
+            top: 0;
+            right: 0;
+            width: 100%;
+            height: 100%;
+            pointer-events: none;
+          }
+          .desc {
+            display: flex;
+            align-items: center;
+            flex-direction: column;
+            justify-content: center;
+            margin-top: 0.4rem;
+            transition: all 0.15s ease-in;
+            position:relative;
+            z-index:11;
+            .desc_tit {
+              font-size: 0.16rem;
+              font-weight: 500;
+              color: #ffffff;
+            }
+            .desc_detail {
+              color: #ffffff;
+              display: flex;
+              justify-content: flex-end;
+              align-items: center;
+              flex-wrap: nowrap;
+              .num {
+                font-size: 0.3rem;
+                font-weight: bold;
+              }
+              .fen {
+                font-size: 0.16rem;
+                font-weight: 400;
+                padding-top: 0.08rem;
+              }
+              .fen1 {
+                padding-right: 0.05rem;
+              }
+            }
+          }
+        }
+        .xz1 {
+          background: url('https://webapp-pub.ezijing.com/project/marywood-plus/pc-school-img4.png');
+        }
+        .xz2 {
+          background: url('https://webapp-pub.ezijing.com/project/marywood-plus/pc-school-img5.png');
+        }
+        .xz3 {
+          background: url('https://webapp-pub.ezijing.com/project/marywood-plus/pc-school-img6.png');
+        }
+        .xz4 {
+          background: url('https://webapp-pub.ezijing.com/project/marywood-plus/pc-school-img7.png');
+        }
      }
    }
    .swiper-content {