Parcourir la source

修改登录验证码弹窗样式

zhanglb il y a 4 ans
Parent
commit
8c90597850

+ 9 - 0
front-vue/src/components/Dialog/index.vue

@@ -17,4 +17,13 @@ export default {
 </script>
 
 <style lang="scss">
+.zap-dialog-footer{
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  height: 102px;
+}
+.zap-dialog-footer--small{
+  height: 60px;
+}
 </style>

+ 5 - 5
front-vue/src/views/forgetUser.vue

@@ -52,17 +52,17 @@
             :close-on-click-modal="false"
             :visible.sync="codeDialogVisible"
             width="30%">
-            <div style="display:flex;">
+            <el-row type="flex" style="padding: 20px;">
                 <el-input v-model="loginForm.code" auto-complete="off" placeholder="验证码" style="width: 53%;" @keyup.enter.native="handleLogin">
-                    <svg-icon slot="prefix" icon-class="validCode" class="el-input__icon input-icon" />
+                    <img slot="prefix" class="zap-login__icon" src="../assets/images/login/icon_verify.png" alt="">
                 </el-input>
                 <div class="login-code">
                     <img :src="codeUrl" @click="getCode" class="login-code-img" />
                 </div>
-            </div>
-            <span slot="footer" class="dialog-footer">
+            </el-row>
+            <el-row slot="footer" class="zap-dialog-footer zap-dialog-footer--small">
                 <el-button type="primary" @click="handleImgCodeSubmit">确 定</el-button>
-            </span>
+            </el-row>
         </el-dialog>
     </login-content>
 </template>

+ 1 - 1
front-vue/src/views/login.vue

@@ -143,7 +143,7 @@
                     <img :src="codeUrl" @click="getCode" class="login-code-img" />
                 </div>
             </div>
-            <span slot="footer" class="dialog-footer">
+            <span slot="footer" class="zap-dialog-footer zap-dialog-footer--small">
                 <el-button type="primary" @click="handleImgCodeSubmit">确 定</el-button>
             </span>
         </el-dialog>

+ 2 - 2
front-vue/src/views/service/credit/credit.vue

@@ -933,9 +933,9 @@
                         <div class="zap-form">
                           <flow-detail :financeId="financeId" :financeType="financeType" :financeActive="financeActive" v-if="openFlowDetail"></flow-detail>
                         </div>
-                        <span slot="footer" class="dialog-footer">
+                        <el-row slot="footer" class="dialog-footer" type="flex" justify="center" align="middle" style="height: 102px;">
                             <el-button type="primary" @click="closeFliwDetail">关闭</el-button>
-                        </span>
+                        </el-row>
                     </el-dialog>
                     <!--查看内部审批流程-->
                     <el-dialog title="流程进度" :visible.sync="hisTaskForm">