更新盘口样式

src/views/contract/handicap.vue

@@ -32,7 +32,7 @@
             <i class="el-icon-arrow-down"></i>
           </div>
         </div>
-        <div class="label-group d-flex text-secondary fn-12 py-2">
+        <div class="label-group d-flex text-secondary fn-12 py-2 justify-content-between">
           <div class="w-8/24">
             {{ $t("contract.d8") }}
           </div>
@@ -51,7 +51,7 @@
               :key="idx"
               @click="$emit('selectprice', item.price)"
             >
-              <div class="d-flex">
+              <div class="d-flex justify-content-between">
                 <div class="w-8/24 decreace">{{ item.price}}</div>
                 <div class="w-7/24">{{ omitTo(item.amount, 2) }}</div>
                 <div class="w-7/24 text-right">{{ item.total }}</div>
@@ -83,7 +83,7 @@
               :key="idx"
               @click="$emit('selectprice', item.price)"
             >
-              <div class="d-flex">
+              <div class="d-flex justify-content-between">
                 <div class="w-8/24 increace">{{ item.price }}</div>
                 <div class="w-7/24">{{ omitTo(item.amount, 2) }}</div>
                 <div class="w-7/24 text-right">{{ item.total }}</div>
@@ -98,7 +98,7 @@
       </div>
       <!-- 实时成交 -->
       <div class="real-time p-3" v-if="tab == 2">
-        <div class="d-flex text-secondary fn-12">
+        <div class="d-flex text-secondary fn-12 justify-content-between">
           <div class="w-10/24">
             {{ $t("contract.b1") }}
           </div>
@@ -107,7 +107,7 @@
             {{ $t("contract.e1") }}({{ $t("contract.e2") }})
           </div>
         </div>
-        <div class="d-flex fn-12" v-for="(item, idx) in tradeList" :key="idx">
+        <div class="d-flex fn-12 justify-content-between" v-for="(item, idx) in tradeList" :key="idx">
           <div class="w-10/24">
             {{ parseTime(item.ts, false, "{h}:{i}:{s}") }}
           </div>

src/views/setting/index.vue

@@ -6,11 +6,11 @@
             </div>
             <div class="row">
                 <!-- 登录密码 -->
-                <div class="col-md-6 d-flex">
-                    <div class="panel-box bg-panel shadow-sm mb-4 w-100 d-flex flex-column">
-                        <div class="heading">{{$t('setting.loginPassword')}}</div>
-                        <div class="tab-content flex-fill d-flex flex-column justify-content-between align-items-start">
-                            <div>{{$t('setting.loginPassword')}}</div>
+                <div class="col-md-12 d-flex">
+                    <div class="panel-box bg-panel shadow-sm mb-4 w-100 d-flex flex-column py-4">
+                        <!-- <div class="heading">{{$t('setting.loginPassword')}}</div> -->
+                        <div class="tab-content flex-fill d-flex flex-column justify-content-between align-items-center">
+                            <div class="py-2">{{$t('setting.loginPassword')}}</div>
                             <button class="btn btn-primary btn-sm" @click="loginShow=true">{{$t('setting.resLoginPassword')}}</button>
                         </div>
                     </div>