update

pages/degree/index.vue

@@ -49,7 +49,12 @@
 
 <script>
 export default {
-  layout: 'normal'
+  layout: 'normal',
+  computed: {
+    isMobile() {
+      return this.$store.state.isMobile
+    }
+  }
 }
 </script>
 <style lang="scss" scoped>
@@ -102,72 +107,58 @@ export default {
         margin-top: 38px;
       }
     }
-    //   padding: 70px 64px 80px 48px;
-    //   display: flex;
-    //   justify-content: center;
-    //   align-items: center;
-    //   flex-direction: column;
-
-    //   .img_english {
-    //     display: flex;
-    //     justify-content: center;
-    //     align-items: center;
-    //     flex-direction: column;
-    //     .item_english_name {
-    //       font-weight: 400;
-    //       color: #424242;
-    //       font-size: 20px;
-    //       margin-top: 20px;
-    //     }
-    //     .img1 {
-    //       width: 678px;
-    //       height: 495px;
-    //     }
-    //     .img2 {
-    //       width: 350px;
-    //       height: 513px;
-    //       margin-left: 32px;
-    //     }
-    //   }
-    //   .academic_desc {
-    //     color: #666666;
-    //     font-size: 16px;
-    //     margin-top: 20px;
-    //   }
   }
 }
 .is-h5 {
   .main_content {
-    display: flex;
-    justify-content: center;
-    align-items: center;
-    flex-direction: column;
-    padding: 0.3rem;
-    .img_english {
-      margin-top: 0.4rem;
-      display: flex;
-      justify-content: center;
-      align-items: center;
-      flex-direction: column;
-      .item_english_name {
-        font-weight: 400;
-        color: #424242;
-        font-size: 0.12rem;
-        margin-top: 0.1rem;
+    margin: 20px auto;
+    // width: 900px;
+    width: 90%;
+    .content-top {
+      background-color: #aa1941;
+      padding: 10px 20px 8px;
+      box-sizing: border-box;
+      p {
+        font-size: 12px;
+        color: #ffffff;
+        line-height: 28px;
+        &.mb-30 {
+          margin-bottom: 10px;
+        }
       }
-      .img1 {
-        width: 2.53rem;
-        height: 1.8rem;
+      .logo-all {
+        display: block;
+        width: 90%;
+        margin: 22px auto;
       }
-      .img2 {
-        width: 2.26rem;
-        height: 3.3rem;
+      .degree-logo {
+        display: flex;
+        justify-content: space-around;
+        align-items: center;
+        margin: 10px 0;
+        img {
+          height: fit-content;
+          width: 20%;
+        }
       }
     }
-    .academic_desc {
-      color: #666666;
-      font-size: 0.08rem;
-      margin-top: 20px;
+    .content-bottom {
+      border: 1px solid #aa1941;
+      padding: 20px 20px 8px;
+      margin-top: 40px;
+      .title {
+        font-size: 20px;
+        font-weight: bold;
+        color: #231815;
+        line-height: 100%;
+        text-align: center;
+      }
+      p {
+        font-size: 12px;
+        color: #666666;
+        line-height: 28px;
+        margin-top: 10px;
+      }
     }
   }
 }