Browse Source

修改ipad样式

zengyicheng 2 years ago
parent
commit
5514797879
3 changed files with 21 additions and 10 deletions
  1. 0 3
      src/App.vue
  2. 1 1
      src/components/courseDetail.vue
  3. 20 6
      src/components/study.vue

+ 0 - 3
src/App.vue

@@ -180,7 +180,6 @@ body {
   width: 100%;
   background: #f2f2f2;
   /* min-width: 1380px; */
-  min-width: 1000px;
 }
 .appNoHeight {
   min-height: 750px;
@@ -209,8 +208,6 @@ body {
 }
 .pb_body {
   width: 100%;
-  min-width: 1140px;
-  min-width: 745px;
   display: inline-block;
   height: calc(100% - 67.5px);
   /* height: calc(100% - 67.5px - 226px); */

+ 1 - 1
src/components/courseDetail.vue

@@ -399,7 +399,7 @@ export default {
 }
 .right_box_title {
   font-size: 23px;
-  width: 350px;
+  width: 150px;
   white-space: nowrap;
   overflow: hidden;
   text-overflow: ellipsis;

+ 20 - 6
src/components/study.vue

@@ -2431,7 +2431,7 @@ export default {
                           k < this.checkJson[q][w][i][z].checkCount.length;
                           k++
                         ) {
-                          console.log(this.checkJson[q][w][i][z])
+                          console.log(this.checkJson[q][w][i][z]);
                           this.checkJson[q][w][i][z].checkPerent.push(
                             Math.round(
                               (this.checkJson[q][w][i][z].checkCount[k] /
@@ -3627,7 +3627,7 @@ export default {
 <style scoped>
 @media screen and (max-width: 1024px) {
   .navText {
-    width: 190px !important;
+    width: 120px !important;
   }
   .textBox {
     margin: 0 !important;
@@ -3636,9 +3636,25 @@ export default {
     flex-direction: column !important;
     align-items: center !important;
   }
+  .courseIndex {
+    width: 43% !important;
+  }
+  .courseIndex > div:first-child {
+    width: 600px !important;
+  }
+  .pb_left{
+    position: unset !important;
+  }
+  .body_student{
+    position: unset !important;
+    width:600px !important;
+  }
+  .btnAll{
+    width: 55% !important;
+  }
 }
 .body_student {
-  width: 79.5%;
+  width: 77%;
   height: 100%;
   position: absolute;
   left: 20.5%;
@@ -3959,7 +3975,6 @@ export default {
   border-radius: 7px;
   margin: 10px;
   cursor: pointer;
-  width: 95%;
   height: 45px;
   display: flex;
   flex-direction: row;
@@ -4170,7 +4185,7 @@ export default {
 }
 .courseIndex > div:nth-child(2) {
   font-size: 21px;
-  width: 350px;
+  width: 300px;
   white-space: nowrap;
   overflow: hidden;
   text-overflow: ellipsis;
@@ -4533,7 +4548,6 @@ export default {
   height: 150px !important;
 }
 .twoChild {
-  width: 95%;
   margin: 10px;
   border-radius: 5px;
   background: #f2f2f2;