修改样式

src/pages/sale/japaneseTrain.vue

@@ -74,11 +74,11 @@
             <div class="dline">
               <div class="d1">
                 <div class="di-title">{{item.ClassName}}</div>
-                <div class="di-c" style="margin-top: 25px;">
+                <div class="di-c" style="margin-top: 25px;align-items:baseline">
                   <img src="../../assets/images/administration/kezname.png" alt=""
-                    style="width: 14px;height: 14px;margin-right: 5px;">{{item.CourseName}}</div>
-                <div class="di-c"><img src="../../assets/images/administration/period.png" alt=""
-                    style="width: 14px;height: 14px;margin-right: 5px;">{{item.ClassHours?item.ClassHours:'0'}}课时</div>
+                    style="width: 14px;height: 14px;margin-right:5px;position:relative;top:2px;">{{item.CourseName}}</div>
+                <div class="di-c" style="align-items:baseline"><img src="../../assets/images/administration/period.png" alt=""
+                    style="width: 14px;height: 14px;margin-right:5px;position:relative;top:2px;">{{item.ClassHours?item.ClassHours:'0'}}课时</div>
               </div>
               <div class="d2">
                 <div class="row" style="align-items: center ;margin:0;padding:0;">
@@ -199,14 +199,14 @@
                     style="color:var(--q-color-negative);font-weight: bold">{{item.SurplusNum}}人</span></div>
               </div>
               <div class="d7">
-                <q-btn style="width:100%" color="primary" label="立即下单" v-if="item.IsCanApply==1" @click="placeAnorder(item)" />
+                <div><q-btn style="margin-top:40px;" color="primary" size="sm" label="立即下单" v-if="item.IsCanApply==1" @click="placeAnorder(item)" /></div>
                 <div v-if="item.IsCanApply==0">
                   <img src="../../assets/images/administration/bmym.png" alt=""
-                    style="width: 64px;height: 62px;margin-right: 15px" v-if="item.SurplusNum==0">
+                    style="width: 64px;height: 62px;margin:20px 15px 0 0" v-if="item.SurplusNum==0">
                   <img src="../../assets/images/administration/guoqi.png" alt="" style="width: 64px;height: 62px"
                     v-if="getEXPDate(item.EndOrderTime)==true">
                 </div>
-                <q-btn style="width:100%;margin-top:10px;" color="primary" label="订单中心" @click="goclassorder(item)" />
+                <div><q-btn style="margin-top:10px;" size="sm" color="primary" label="订单中心" @click="goclassorder(item)" /></div>
               </div>
             </div>
             <div class="d6 row">