个人信息 桩密码样式

jsowell-ui/src/views/system/user/profile/index.vue

@@ -56,17 +56,12 @@
       </el-col>
     </el-row>
 
-      <el-row :gutter="20" v-hasRole="['admin', 'common']">
+    <el-row :gutter="20" v-hasRole="['admin', 'common']" style="margin-top: 20px;">
       <el-col :span="6" :xs="24">
         <el-card class="box-card">
-              <div slot="header" class="clearfix">
-                  <span>桩动态密码</span>
-                  <div class="button-container">
-                      <el-button
-                          type="primary"
-                          @click="generatePileSecret"
-                          plain>点击生成动态密码</el-button>
-                  </div>
+          <div slot="header" class="password">
+            <p>桩动态密码</p>
+            <el-button type="primary" @click="generatePileSecret" plain>点击生成动态密码</el-button>
           </div>
           <div>
             <div>
@@ -95,7 +90,7 @@ import userAvatar from "./userAvatar";
 import userInfo from "./userInfo";
 import resetPwd from "./resetPwd";
 import { getUserProfile } from "@/api/system/user";
-import {generatePileSecret} from "@/api/pile/basic";
+import { generatePileSecret } from "@/api/pile/basic";
 
 export default {
   name: "Profile",
@@ -133,8 +128,9 @@ export default {
 </script>
 
 <style>
-.button-container {
+.password {
   display: flex;
-    justify-content: right; /* 靠右 */
+  align-items: center;
+  justify-content: space-between;
 }
 </style>