修改ipad样式

src/components/courseDetail.vue

@@ -352,6 +352,14 @@ export default {
 </script>
 
 <style scoped>
+@media screen and (max-width: 1024px) {
+  .Tname {
+    width: 500px;
+    white-space: nowrap;
+    overflow: hidden;
+    text-overflow: ellipsis;
+  }
+}
 .body_student {
   margin: 10px auto;
   width: 98%;
@@ -391,6 +399,10 @@ export default {
 }
 .right_box_title {
   font-size: 23px;
+  width: 350px;
+  white-space: nowrap;
+  overflow: hidden;
+  text-overflow: ellipsis;
 }
 .people {
   display: flex;
@@ -622,7 +634,7 @@ export default {
   width: 14%;
   margin-right: 10px;
   background: rgb(255, 255, 255);
-  padding: 20px 0 0 25px;
+  padding: 20px 0 0 15px;
   border-radius: 10px;
 }
 .courseT {
@@ -633,10 +645,8 @@ export default {
 }
 .courseTd {
   padding-top: 15px;
-  width: 175px;
   height: 700px;
   overflow: auto;
-  max-height: 715px;
   word-break: break-word;
 }
 

src/components/index.vue

@@ -32,28 +32,30 @@
             :key="index"
           >
             <span>{{ item.name }}:</span>
-            <div
-              class="cName"
-              @click="getCourse(item.name, '', item.id, 1)"
-              :class="typeE.indexOf(item.id) != -1 ? 'isCType' : ''"
-            >
-              全部
-            </div>
-            <div
-              v-for="item1 in CourseTypeJson[item.id]"
-              :key="item1.id"
-              :label="item1.id"
-              @click="getCourse(item.name, item.id, item1.id, 2)"
-            >
+            <div class="typeCss">
               <div
                 class="cName"
-                :class="
-                  typea == item1.id || typeb == item1.id || typed == item1.id
-                    ? 'isCType'
-                    : ''
-                "
+                @click="getCourse(item.name, '', item.id, 1)"
+                :class="typeE.indexOf(item.id) != -1 ? 'isCType' : ''"
+              >
+                全部
+              </div>
+              <div
+                v-for="item1 in CourseTypeJson[item.id]"
+                :key="item1.id"
+                :label="item1.id"
+                @click="getCourse(item.name, item.id, item1.id, 2)"
               >
-                {{ item1.name }}
+                <div
+                  class="cName"
+                  :class="
+                    typea == item1.id || typeb == item1.id || typed == item1.id
+                      ? 'isCType'
+                      : ''
+                  "
+                >
+                  {{ item1.name }}
+                </div>
               </div>
             </div>
           </div>
@@ -394,6 +396,11 @@ export default {
 </script>
 
 <style scoped>
+@media screen and (max-width: 1024px) {
+  .box_course{
+    margin: 0px 5px 20px 5px !important;
+  }
+}
 .student_head .imgS {
   width: 100%;
   height: 100%;
@@ -589,7 +596,7 @@ export default {
 
 .cName {
   cursor: pointer;
-  margin: 0 10px;
+  margin: 0 10px 10px 0;
   color: #b9b6b9;
   min-width: 80px;
   width: 80px;
@@ -607,7 +614,6 @@ export default {
   width: 90%;
   border-radius: 5px;
   padding-left: 20px;
-  min-width: 1490px;
 }
 .reTop {
   padding: 20px 0 0 0;
@@ -669,4 +675,11 @@ export default {
 .isCType {
   color: #6282c2;
 }
+.typeCss {
+  display: flex;
+  flex-direction: row;
+  flex-wrap: wrap;
+  justify-content: flex-start;
+  align-items: center;
+}
 </style>

src/components/study.vue

@@ -3552,6 +3552,18 @@ export default {
 </script>
 
 <style scoped>
+@media screen and (max-width: 1024px) {
+  .navText{
+    width:190px !important;
+  }
+  .textBox{
+    margin:0 !important;
+  }
+  .evaCss{
+    flex-direction: column !important;
+    align-items: center !important;
+  }
+}
 .body_student {
   width: 79.5%;
   height: 100%;
@@ -3716,7 +3728,6 @@ export default {
 
 .filebox .tooldetail {
   width: 95%;
-  margin: 0px 12px 10px;
   background: rgb(247, 247, 247);
   padding: 20px;
   line-height: 30px;
@@ -4219,7 +4230,7 @@ export default {
 }
 .addPoint > div > img {
   cursor: pointer;
-  margin: 0 10px;
+  margin: 10px 0;
   width: 85px;
   border-radius: 15px;
   box-shadow: 0px 1px 8px 0px rgb(20 20 20 / 14%);
@@ -4379,9 +4390,7 @@ export default {
   color: #918f8f;
   width: 100px;
 }
-.textTitle >>> .el-form-item__content {
-  width: 80%;
-}
+
 .textCss >>> .el-dialog {
   width: 800px !important;
   height: 400px;
@@ -4693,11 +4702,13 @@ export default {
   font-size: 18px;
   padding: 30px 0px 0px;
   height: 300px;
-  width: 85%;
+  width: 90%;
   overflow: auto;
-  margin: 0 0 0 10px;
   line-height: 30px;
 }
+.textContent >>> p{
+  text-indent:0pt !important;
+}
 .answerBg {
   background: url("../assets/icon/answerBg.png") no-repeat;
   background-size: 100% 100%;
@@ -4731,8 +4742,7 @@ export default {
   flex-direction: column;
 }
 .elist_input {
-  /* width: 40%; */
-  width: calc(100% - 670px);
+  width: 100%;
 }
 .elist_input .elist_input_box input {
   font: inherit;