个人信息 桩密码样式

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">
+          <div slot="header" class="password">
-                  <span>桩动态密码</span>
+            <p>桩动态密码</p>
-                  <div class="button-container">
+            <el-button type="primary" @click="generatePileSecret" plain>点击生成动态密码</el-button>
-                      <el-button
-                          type="primary"
-                          @click="generatePileSecret"
-                          plain>点击生成动态密码</el-button>
-                  </div>
           </div>
           <div>
             <div>
@@ -133,8 +128,9 @@ export default {
 </script>
 
 <style>
-.button-container {
+.password {
   display: flex;
-    justify-content: right; /* 靠右 */
+  align-items: center;
+  justify-content: space-between;
 }
 </style>