修改格式问题

src/components/Tabs/index.vue

@@ -24,9 +24,9 @@
               <div class="detail-text">卡号配置</div>
               <input placeholder="1" v-model="valueCardId" class="text-input" :style="{ left: '2vw', top: '10vh' }"
                 ref="input" @focus="onFocus" @input="onInput" @blur="onBlur" />
-              <input placeholder="人卡" v-model="valueCardType" class="text-input" :style="{ left: '3vw', top: '10vh' }"
+              <input placeholder="人卡" v-model="valueCardType" class="text-input" :style="{ left: '13vw', top: '6.4vh' }"
                 ref="input" @focus="onFocus" @input="onInput" @blur="onBlur" />
-              <input placeholder="45%" v-model="valueBattery" class="text-input" :style="{ left: '2vw', top: '14vh' }"
+              <input placeholder="45%" v-model="valueBattery" class="text-input" :style="{ left: '2vw', top: '10vh' }"
                 ref="input" @focus="onFocus" @input="onInput" @blur="onBlur" />
             </div>
             <div>
@@ -549,6 +549,11 @@ export default {
   z-index: 3;
   background: rgba(0, 0, 0, 0.3);
   border-radius: 2.08vw;
+  
+}
+.text-input{
+  display: flex;
+  justify-content: left;
 }
 .my-tab {
   width: 70vw;
@@ -571,7 +576,7 @@ export default {
   opacity: 1;
   border: 1px solid rgba(255, 255, 255, 0.4);
   color: #fff;
-  right: 0.93vw;
+  left: 12.5vw;
 }
 
 .cancel-button {

src/views/ordinaryPage/index.vue

@@ -3266,6 +3266,8 @@
   margin-top: 30px;
   color: #fff;
   font-weight: bold;
+  display: flex;
+  justify-content: left;
 }
 .main-tab {
   margin-top: 15px;