1

src/components/course/courseprice-form.vue

+<style>
+  .coursePrice_table th{
+    height: 40px;
+    background-color: rgb(238, 238, 239);
+  }
+  .course_Line{
+    width: 3px;
+    height: 10px;
+    display: inline-block;
+    background-color: #3FC4FF;
+    margin-right: 5px;
+  }
+</style>
 <template>
   <q-dialog v-model="persistent" persistent content-class="bg-grey-1" transition-show="scale" transition-hide="scale">
     <q-card style="width: 600px;max-width:600px;">
@@ -5,7 +18,10 @@
         <div class="text-h6">设置课程价格</div>
       </q-card-section>
       <q-card-section class="q-pt-none scroll" style="max-height: 70vh">
-        <div class="text-caption q-mb-lg text-grey-6">基础价格设置</div>
+        <div class="text-caption q-mb-lg text-grey-6">
+          <span class="course_Line"></span>
+          基础价格设置
+        </div>
         <div>
           <table style="margin-left:10px;">
             <tr>
@@ -20,8 +36,11 @@
             </tr>
           </table>
         </div>
-        <div class="text-caption q-mb-lg q-mt-lg text-grey-6">优惠</div>
-        <table style="margin-left:10px;">
+        <div class="text-caption q-mb-lg q-mt-lg text-grey-6">
+          <span class="course_Line"></span>
+          优惠
+        </div>
+        <table style="border-collapse: collapse;" class="coursePrice_table">
           <tr>
             <th>
               优惠
@@ -55,8 +74,11 @@
             </td>
           </tr>
         </table>
-        <div class="text-caption q-mb-lg q-mt-lg text-grey-6">返佣</div>
-        <table style="margin-left:10px;">
+        <div class="text-caption q-mb-lg q-mt-lg text-grey-6">
+          <span class="course_Line"></span>  
+          返佣
+        </div>
+        <table style="border-collapse: collapse;" class="coursePrice_table">
           <tr>
             <th>同行
             </th>