绑定行号样式修改

src/views/sys/login/TokenLoginPage.vue

@@ -5,8 +5,8 @@
         <span class="dot dot-spin"><i></i><i></i><i></i><i></i></span>
       </div>
     </div>
-    <a-card v-else title="绑定粤政易账号" style="width: 300px">
-      <a-form :model="formState" name="绑定粤政易账号" @finish="onFinish" :label-col="{ span: 8 }" :wrapper-col="{ span: 16 }" autocomplete="off">
+    <a-card v-else title="绑定建设用地账号" style="width: 420px">
+      <a-form :model="formState" name="绑定建设用地账号" @finish="onFinish" :label-col="{ span: 6 }" :wrapper-col="{ span: 16 }" autocomplete="off">
         <a-form-item label="账号" name="username" :rules="[{ required: true, message: '请输入账号' }]">
           <a-input placeholder="请输入污染地块登录账号" v-model:value="formState.username" />
         </a-form-item>
@@ -14,8 +14,8 @@
         <a-form-item label="密码" name="password" :rules="[{ required: true, message: '请输入密码' }]">
           <a-input-password placeholder="请输入污染地块登录密码" v-model:value="formState.password" />
         </a-form-item>
-        <a-form-item :wrapper-col="{ offset: 8, span: 16 }">
-          <a-button type="primary" html-type="submit">绑定</a-button>
+        <a-form-item :wrapper-col="{ offset: 6, span: 16 }">
+          <a-button type="primary" html-type="submit" style="width: 100%;">绑定</a-button>
         </a-form-item>
       </a-form>
     </a-card>
@@ -128,6 +128,17 @@ function onFinish() {
 // }
 </script>
 
+<style>
+
+.app-loading .ant-card-head-title {
+  text-align: center;
+  color: #0065cc;
+}
+
+.app-loading .ant-form-item-control-input-content{
+  text-align: center;
+}
+</style>
 <style scoped>
 html[data-theme='dark'] .app-loading {
   background-color: #2c344a;