Browse Source

登录页组件样式调整

zhuth 6 years ago
parent
commit
759e313733

+ 0 - 5
frontend/pc-web/app/view/auth/Dialog.scss

@@ -20,11 +20,6 @@ $dialog-trigger-color: dynamic(#e5e5e5);
         }
     }
 
-    .x-form-text-default,
-    .x-placeholder-label-default {
-        padding: 15px;
-    }
-
     .trigger-glyph-noop {
         cursor: default;
     }

+ 21 - 19
frontend/pc-web/app/view/auth/Login.js

@@ -40,40 +40,41 @@ Ext.define('school.view.auth.Login', {
                 margin : '5 0'
             },
             items: [
+                {
+                    xtype: 'component',
+                    height: 50,
+                    html:'<div class="auth-title"><img class="x-logo-text" style="" src="resources/images/zhihuixiaoyuan.png" alt=""><div>',
+                },
                 {
                     xtype: 'label',
-                    text: '账 户 登 录'
+                    style: {
+                        'font-size': '18px',
+                        'text-align': 'center',
+                        'color': '#676565',
+                        'font-weight': 'bold'
+                    },
+                    text: '账户登录'
                 },
                 {
                     xtype: 'textfield',
                     cls: 'auth-textbox',
                     name: 'username',
                     bind: '{username}',
-                    height: 55,
+                    height: 40,
                     hideLabel: true,
                     allowBlank : false,
-                    emptyText: '账号/邮箱/手机号',
-                    triggers: {
-                        glyphed: {
-                            cls: 'trigger-glyph-noop auth-email-trigger'
-                        }
-                    }
+                    emptyText: '用户名'
                 },
                 {
                     xtype: 'textfield',
                     cls: 'auth-textbox',
-                    height: 55,
+                    height: 40,
                     hideLabel: true,
                     emptyText: '密码',
                     inputType: 'password',
                     name: 'password',
                     bind: '{password}',
-                    allowBlank : false,
-                    triggers: {
-                        glyphed: {
-                            cls: 'trigger-glyph-noop auth-password-trigger'
-                        }
-                    }
+                    allowBlank : false
                 },
                 {
                     xtype: 'container',
@@ -95,11 +96,12 @@ Ext.define('school.view.auth.Login', {
                 },
                 {
                     xtype: 'button',
+                    height: 40,
                     reference: 'loginButton',
-                    scale: 'large',
-                    ui: 'soft-green',
-                    iconAlign: 'right',
-                    iconCls: 'x-fa fa-angle-right',
+                    // scale: 'large',
+                    // ui: 'soft-green',
+                    // iconAlign: 'right',
+                    // iconCls: 'x-fa fa-angle-right',
                     text: '登录',
                     formBind: true,
                     listeners: {

+ 8 - 0
frontend/pc-web/app/view/auth/Login.scss

@@ -14,6 +14,14 @@ $social-weixin-btn-background: dynamic(#00d500);
     > .x-body-el {
         background-color: rgba(black, 0.25);
     }
+
+    .auth-dialog-login {
+        border-radius: 4px;
+
+        .auth-title {
+            text-align: center;
+        }
+    }
 }
 
 //UI Styles for buttons

+ 0 - 0
frontend/pc-web/resources/images/标题.png → frontend/pc-web/resources/images/zhihuixiaoyuan.png