增加课程特色

src/pages/sale/japaneseTrain.vue

@@ -63,7 +63,7 @@
             <div class="dline">
               <div class="d1">
                 <div class="di-title">{{item.ClassName}}</div>
-                <div class="di-c" style="margin-top: 25px;align-items:baseline">
+                <div class="di-c" style="margin-top: 8px;align-items:baseline">
                   <img src="../../assets/images/administration/kezname.png" alt=""
                     style="width: 14px;height: 14px;margin-right:5px;position:relative;top:2px;">{{item.CourseName}}
                   <template v-if="item.OtherCourseList&&item.OtherCourseList.length>0">
@@ -91,6 +91,20 @@
                     alt=""
                     style="width: 14px;height: 14px;margin-right:5px;position:relative;top:2px;">{{item.ClassHours?item.ClassHours:'0'}}课时
                 </div>
+                <div class="japanFeature">
+                  <i class="iconfont icon-tesezhuanti" style="color:#3DC5FF"></i>
+                  <span style="text-decoration:underline;margin-left:3px;">
+                    课程特色
+                    <q-popup-proxy>
+                      <q-banner>
+                        <div class="CourseFearure">
+                          {{item.CourseFeature}}
+                        </div>
+                      </q-banner>
+                    </q-popup-proxy>
+                  </span>
+                  <span class="iconfont icon-xiangxia" style="color: rgb(41, 97, 254); font-size: 10px;"></span>
+                </div>
               </div>
               <div class="d2">
                 <div class="row" style="align-items: center ;margin:0;padding:0;">
@@ -641,5 +655,15 @@
     border: none !important;
     background: transparent !important;
   }
-
+  .japanFeature{
+    font-size:14px;
+    color:#111111;
+    cursor: pointer;
+    margin-left:-1px;
+  }
+  .CourseFearure{
+    margin:10px;
+    width:500px;
+    color:#000;
+  }
 </style>