修改样式

src/pages/course/prepareclassDetails.vue

@@ -56,6 +56,7 @@
     width: 100%;
     border-top: 1px solid #E2E2E2;
     padding: 15px;
+    font-size: 13px;
   }
   .prepareclassDetails .ratestyle{
     margin-left: 10px;
@@ -97,6 +98,9 @@
   ::-webkit-scrollbar {
     display: none; /* Chrome Safari */
   }
+  .prepareclassDetails .width70{
+    width: 70px;
+  }
 </style>
 
 <template>
@@ -126,31 +130,31 @@
         <div class="marginl-15 margint-15 ">
           <div class="text-title">指導内容</div>
           <div class="marginl-15 margint-15 row" style="align-items: flex-start" v-for="(item,index) in data.LessonPlanList" :key="index">
-            <div class="text12-n">{{item.CourseName}}：</div>
-            <span class="text12-o marginl-15">{{item.CourseTitle}}</span>
+            <div class="text12-n width70">{{item.CourseName}}：</div>
+            <div class="text12-o " style="flex:1">{{item.CourseTitle}}</div>
           </div>
 
         </div>
         <div class="marginl-15 margint-15 ">
           <div class="text-title">指導項目</div>
           <div class="marginl-15 margint-15 row" style="align-items: flex-start" v-for="(item,index) in data.LessonPlanList" :key="index">
-            <div class="text12-n">{{item.CourseName}}：</div>
-            <div class="text12-o marginl-15" v-for="(x,y) in item.LessonPlanProjectsList" :key="y">{{x.ProjectContent}}</div>
+            <div class="text12-n width70">{{item.CourseName}}：</div>
+            <div class="text12-o" style="flex:1" v-for="(x,y) in item.LessonPlanProjectsList" :key="y">{{x.ProjectContent}}</div>
           </div>
         </div>
 
         <div class="marginl-15 margint-15 ">
           <div class="text-title">上课内容</div>
           <div class="marginl-15 margint-15 row" style="align-items: flex-start;flex-wrap: nowrap" v-for="(item,index) in data.LessonPlanList" :key="index">
-            <div class="text12-n">{{item.CourseName}}：</div>
-            <div class="text12-o marginl-15" >
-              <div class="marginl-15 column" style="flex:1" v-for="(x,y) in item.LessonPlanDetailsList" :key="y">
+            <div class="text12-n width70">{{item.CourseName}}：</div>
+            <div class="text12-o" style="flex:1">
+              <div class="column"  v-for="(x,y) in item.LessonPlanDetailsList" :key="y">
                 <div class="text14-l">{{x.Duration}}分</div>
                 <div class="text12-o">{{x.ProjectContent}}</div>
                 <div style="width: 100%;background: #F0F5FB;border-radius: 5px;margin: 10px 0">
 
                   <q-input
-                    style="background:#F0F5FB "
+                    style="background:#F0F5FB ;font-size: 12px"
                     v-model="x.Summary"
                     label="课后总结"
                     type="textarea"