style(login): 优化登录页面表单布局样式

- 将手机号输入框和密码输入框的容器类名改为row verCenter，实现垂直居中对齐 - 移除输入框后的空行元素，精简结构 - 更新验证码输入区域的布局为row bothSide verCenter，调整按钮位置及对齐方式 - 修正登录密码显示切换按钮图标样式与交互逻辑

style(login): 优化登录页面表单布局样式
- 将手机号输入框和密码输入框的容器类名改为row verCenter，实现垂直居中对齐 - 移除输入框后的空行元素，精简结构 - 更新验证码输入区域的布局为row bothSide verCenter，调整按钮位置及对齐方式 - 修正登录密码显示切换按钮图标样式与交互逻辑
c2abc8bd · liangjianmin · dbbc0feb · c2abc8bd · c2abc8bd · c2abc8bd
Commit c2abc8bd authored Aug 25, 2025 by liangjianmin
Showing with 10 additions and 513 deletions
src/assets/css/public/common.less
src/assets/css/public/common.min.css
src/assets/css/public/common.min.css.map
src/views/User/login.vue
--- a/src/assets/css/public/common.less
+++ b/src/assets/css/public/common.less
@@ -163,7 +163,7 @@ html, body {
 body {
    overflow-x: hidden;
    background: #F1F4FA
-}
+} 
 .f-blue {
    color: #1969F9

--- a/src/assets/css/public/common.min.css
+++ b/src/assets/css/public/common.min.css
-html {
+html{-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%}html *{outline:0;-webkit-text-size-adjust:none !important;-webkit-tap-highlight-color:rgba(0,0,0,0) !important}html,body{font-family:PingFangSC-Regular,PingFang SC,"Microsoft Yahei",sans-serif;font-style:normal;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-size:14px;color:#646B78}body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td,hr,button,article,aside,details,figcaption,figure,footer,header,menu,nav,section{margin:0;padding:0}button,input,select,textarea{font-size:100%;border:none;-webkit-appearance:none}input[type=button],input[type=file],input[type=submit]{cursor:pointer}table{border-collapse:collapse;border-spacing:0}ol,ul,dl{list-style:none}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:500}em,b,i{font-style:normal}a{text-decoration:none}img{border:none}.clr{*zoom:1;clear:both}.clr:after{content:".";clear:both;height:0;visibility:hidden;display:block}.fl{float:left;_display:inline}.fr{float:right;_display:inline}.va-t{vertical-align:top}.va-m{vertical-align:middle}.va-b{vertical-align:bottom}.lineBlock{display:inline-block;*display:inline;zoom:1;letter-spacing:normal;word-spacing:normal}.lbBox{font-size:0 !important;*word-spacing:-1px !important}.emptys{margin-left:-1px;width:1px;height:100%;font-size:0;vertical-align:middle}.boxsiz{-webkit-box-sizing:border-box;box-sizing:border-box}.column{display:flex;flex-direction:column}.row{display:flex;flex-direction:row}.bothSide{justify-content:space-between}.avarage{justify-content:space-around}.rowCenter{justify-content:center}.verCenter{align-items:center}.boxFlex{-webkit-box-flex:1;-moz-box-flex:1;-webkit-flex:1;-ms-flex:1;flex:1}html,body{width:100%;height:100%;-webkit-overflow-scrolling:touch}body{overflow-x:hidden;background:#F1F4FA}.f-blue{color:#1969F9}.f-green{color:#3FBE1B}.f-yellow1{color:#CC8200}.f-red1{color:#FC1F00}.el-pagination{text-align:right;margin-top:20px}.pagex{padding:20px;min-height:500px;background:#FFFFFF}.zdypop .el-form-item__label{color:#333}.zdypop .el-input.is-disabled{background-color:#F1F4FA;border-color:#F1F4FA}.zdypop .el-input.is-disabled .el-input__inner{background-color:#F1F4FA;border-color:#F1F4FA}.el-dialog__body{padding:20px !important}.el-dialog__title{font-size:14px;color:#333;font-weight:bold;position:relative}.el-dialog__title::after{content:"";position:absolute;width:5px;height:22px;background:#1969F9;left:-20px;top:2px}.el-icon-close{font-size:24px}.el-icon-close:hover,.el-icon-close:focus{color:#1969F9 !important}.el-message-box__message{display:inline-block}.el-message-box__message p{color:#333;font-size:16px}.el-message-box__status.el-icon-error{color:#FC1F00 !important;font-size:25px !important}.el-message-box__close:before{content:"\E609"}.el-message-box__btns .el-button,.dialog-footer .el-button{width:76px;height:34px;text-align:center;line-height:34px;background:#E8ECF4;border:1px solid #E8ECF4;border-radius:2px;color:#8391AD;font-size:14px;padding:0px}.el-message-box__btns .el-button:hover,.dialog-footer .el-button:hover,.el-message-box__btns .el-button:focus,.dialog-footer .el-button:focus{color:#8391AD;background:#E8ECF4;border:1px solid #E8ECF4}.el-message-box__btns .el-button.el-button--primary,.dialog-footer .el-button.el-button--primary{border:1px solid #1969F9;color:#fff;background:#1969F9}.el-message-box__btns .el-button.el-button--primary:hover,.dialog-footer .el-button.el-button--primary:hover,.el-message-box__btns .el-button.el-button--primary:focus,.dialog-footer .el-button.el-button--primary:focus{color:#fff;background:#1969F9;border:1px solid #1969F9}.p-text{margin-bottom:6px}.p-text em{width:56px;text-align:left}.p-text span{width:214px;height:30px;background:#F1F4FA;border-radius:2px;font-size:14px;color:#333333;padding-left:7px;margin-left:8px;text-align:left}.tip-title{padding:8px 16px;background-color:#ecf8ff;border-radius:4px;border-left:5px solid #50bfff;margin:20px 0}.tip-title p{font-size:14px;color:#5e6d82;line-height:1.5em}.el-cascader-menu__list{max-height:500px !important}.yunyin-btn{background:#409eff !important;border-color:#409eff !important}.yunyin-btn:hover{opacity:.85}.el-table th{font-weight:bold;color:#5f5f5f}.el-table th.el-table__cell{background-color:#f1f5fa !important}.operation-area{margin-bottom:20px}.text-tip{background:#fdf5e6;border-radius:15px;height:30px;margin-left:10px;padding:0 10px}.text-tip .el-icon-warning{font-size:16px;color:#ff9000}.text-tip span{font-size:12px;color:#333333;margin-left:4px}.contact-information p{height:25px;margin-bottom:5px}.contact-information p span{padding:0 5px;width:147px;background:#f1f5fa}.alink{color:#409EFF}.btn-element{height:20px;color:#FFF;background-color:#409EFF;box-sizing:border-box;width:44px}.dialog-layer-notice{width:580px;min-height:325px;padding:15px 0;background:url("https://img.ichunt.com/images/ichunt/202302/20/134df9995b5c165202ed45fd900b4e98.png") no-repeat center !important;background-size:cover !important;box-sizing:border-box}.dialog-layer-notice .el-dialog__header{position:relative;top:-26px;margin:0 15px;height:48px;line-height:48px;background:#FFFFFF;padding:0px !important;padding-left:20px !important;box-sizing:border-box;border-radius:6px 6px 0 0}.dialog-layer-notice .el-dialog__header .el-icon-close{font-size:20px;margin-left:2px}.dialog-layer-notice .el-dialog__header .el-dialog__headerbtn{top:-34px;right:-8px;z-index:99}.dialog-layer-notice .el-dialog__header .el-dialog__headerbtn:after{width:24px;height:24px;line-height:24px;text-align:center;background:#FFFFFF;border-radius:50%;content:"";display:block;position:absolute;top:-2px;z-index:-1}.dialog-layer-notice .el-dialog__title{font-size:16px;color:#387fff;font-weight:bold}.dialog-layer-notice .el-dialog__title:after{display:none}.dialog-layer-notice .el-dialog__body{position:relative;top:-26px;margin:0 15px;background:#FFFFFF;border-radius:0 0 6px 6px}.dialog-layer-notice .notice-content{padding:20px;min-height:221px;max-height:500px;overflow-y:auto;font-size:14px;color:#313131;box-sizing:border-box}.dialog-layer-notice .notice-content img{max-width:100%}.dialog-layer-notice .enclosure{border-top:1px solid #E5EBF6;padding-left:22px;height:36px}.dialog-layer-notice .enclosure span{font-size:12px;color:#313131}.dialog-layer-notice .enclosure .down{font-size:12px;color:#387FFF}.dialog-layer-notice .notice-bottom{position:absolute;bottom:-31px;left:0;right:0;z-index:99;padding:0 24px}.dialog-layer-notice .notice-bottom span{font-size:12px;color:#ffffff}.prefix-icon-time-style{display:none}.section-page{background:#FFFFFF;border-radius:4px;padding:20px;height:calc(100vh - 96px);box-sizing:border-box}::-webkit-scrollbar{width:6px;height:6px;background:transparent}::-webkit-scrollbar-track{background:white;border-radius:2px}::-webkit-scrollbar-thumb{background:#E6E6E6;border-radius:2px}::-webkit-scrollbar-thumb:hover{background:#E6E6E6}::-webkit-scrollbar-corner{background:#f6f6f6}/*# sourceMappingURL=./common.min.css.map */
-  -webkit-text-size-adjust: 100%;
\ No newline at end of file
-  -ms-text-size-adjust: 100%;
-}
-html * {
-  outline: 0;
-  -webkit-text-size-adjust: none !important;
-  -webkit-tap-highlight-color: rgba(0, 0, 0, 0) !important;
-}
-html,
-body {
-  font-family: PingFangSC-Regular, PingFang SC, "Microsoft Yahei", sans-serif;
-  font-style: normal;
-  -webkit-font-smoothing: antialiased;
-  -moz-osx-font-smoothing: grayscale;
-  font-size: 14px;
-  color: #646B78;
-}
-body,
-div,
-dl,
-dt,
-dd,
-ul,
-ol,
-li,
-h1,
-h2,
-h3,
-h4,
-h5,
-h6,
-pre,
-code,
-form,
-fieldset,
-legend,
-input,
-textarea,
-p,
-blockquote,
-th,
-td,
-hr,
-button,
-article,
-aside,
-details,
-figcaption,
-figure,
-footer,
-header,
-menu,
-nav,
-section {
-  margin: 0;
-  padding: 0;
-}
-button,
-input,
-select,
-textarea {
-  font-size: 100%;
-  border: none;
-  -webkit-appearance: none;
-}
-input[type=button],
-input[type=file],
-input[type=submit] {
-  cursor: pointer;
-}
-table {
-  border-collapse: collapse;
-  border-spacing: 0;
-}
-ol,
-ul,
-dl {
-  list-style: none;
-}
-h1,
-h2,
-h3,
-h4,
-h5,
-h6 {
-  font-size: 100%;
-  font-weight: 500;
-}
-em,
-b,
-i {
-  font-style: normal;
-}
-a {
-  text-decoration: none;
-}
-img {
-  border: none;
-}
-.clr {
-  *zoom: 1;
-  clear: both;
-}
-.clr:after {
-  content: ".";
-  clear: both;
-  height: 0;
-  visibility: hidden;
-  display: block;
-}
-.fl {
-  float: left;
-  _display: inline;
-}
-.fr {
-  float: right;
-  _display: inline;
-}
-.va-t {
-  vertical-align: top;
-}
-.va-m {
-  vertical-align: middle;
-}
-.va-b {
-  vertical-align: bottom;
-}
-.lineBlock {
-  display: inline-block;
-  *display: inline;
-  zoom: 1;
-  letter-spacing: normal;
-  word-spacing: normal;
-}
-.lbBox {
-  font-size: 0 !important;
-  *word-spacing: -1px !important;
-}
-.emptys {
-  margin-left: -1px;
-  width: 1px;
-  height: 100%;
-  font-size: 0;
-  vertical-align: middle;
-}
-.boxsiz {
-  -webkit-box-sizing: border-box;
-  box-sizing: border-box;
-}
-.column {
-  display: flex;
-  flex-direction: column;
-}
-.row {
-  display: flex;
-  flex-direction: row;
-}
-.bothSide {
-  justify-content: space-between;
-}
-.avarage {
-  justify-content: space-around;
-}
-.rowCenter {
-  justify-content: center;
-}
-.verCenter {
-  align-items: center;
-}
-.boxFlex {
-  -webkit-box-flex: 1;
-  -moz-box-flex: 1;
-  -webkit-flex: 1;
-  -ms-flex: 1;
-  flex: 1;
-}
-html,
-body {
-  width: 100%;
-  height: 100%;
-  -webkit-overflow-scrolling: touch;
-}
-body {
-  overflow-x: hidden;
-  background: #F1F4FA;
-}
-.f-blue {
-  color: #1969F9;
-}
-.f-green {
-  color: #3FBE1B;
-}
-.f-yellow1 {
-  color: #CC8200;
-}
-.f-red1 {
-  color: #FC1F00;
-}
-.el-pagination {
-  text-align: right;
-  margin-top: 20px;
-}
-.pagex {
-  padding: 20px;
-  min-height: 500px;
-  background: #FFFFFF;
-}
-.zdypop .el-form-item__label {
-  color: #333;
-}
-.zdypop .el-input.is-disabled {
-  background-color: #F1F4FA;
-  border-color: #F1F4FA;
-}
-.zdypop .el-input.is-disabled .el-input__inner {
-  background-color: #F1F4FA;
-  border-color: #F1F4FA;
-}
-.el-dialog__body {
-  padding: 20px !important;
-}
-.el-dialog__title {
-  font-size: 14px;
-  color: #333;
-  font-weight: bold;
-  position: relative;
-}
-.el-dialog__title::after {
-  content: "";
-  position: absolute;
-  width: 5px;
-  height: 22px;
-  background: #1969F9;
-  left: -20px;
-  top: 2px;
-}
-.el-icon-close {
-  font-size: 24px;
-}
-.el-icon-close:hover,
-.el-icon-close:focus {
-  color: #1969F9 !important;
-}
-.el-message-box__message {
-  display: inline-block;
-}
-.el-message-box__message p {
-  color: #333;
-  font-size: 16px;
-}
-.el-message-box__status.el-icon-error {
-  color: #FC1F00 !important;
-  font-size: 25px !important;
-}
-.el-message-box__close:before {
-  content: "\E609";
-}
-.el-message-box__btns .el-button,
-.dialog-footer .el-button {
-  width: 76px;
-  height: 34px;
-  text-align: center;
-  line-height: 34px;
-  background: #E8ECF4;
-  border: 1px solid #E8ECF4;
-  border-radius: 2px;
-  color: #8391AD;
-  font-size: 14px;
-  padding: 0px;
-}
-.el-message-box__btns .el-button:hover,
-.dialog-footer .el-button:hover,
-.el-message-box__btns .el-button:focus,
-.dialog-footer .el-button:focus {
-  color: #8391AD;
-  background: #E8ECF4;
-  border: 1px solid #E8ECF4;
-}
-.el-message-box__btns .el-button.el-button--primary,
-.dialog-footer .el-button.el-button--primary {
-  border: 1px solid #1969F9;
-  color: #fff;
-  background: #1969F9;
-}
-.el-message-box__btns .el-button.el-button--primary:hover,
-.dialog-footer .el-button.el-button--primary:hover,
-.el-message-box__btns .el-button.el-button--primary:focus,
-.dialog-footer .el-button.el-button--primary:focus {
-  color: #fff;
-  background: #1969F9;
-  border: 1px solid #1969F9;
-}
-.p-text {
-  margin-bottom: 6px;
-}
-.p-text em {
-  width: 56px;
-  text-align: left;
-}
-.p-text span {
-  width: 214px;
-  height: 30px;
-  background: #F1F4FA;
-  border-radius: 2px;
-  font-size: 14px;
-  color: #333333;
-  padding-left: 7px;
-  margin-left: 8px;
-  text-align: left;
-}
-.tip-title {
-  padding: 8px 16px;
-  background-color: #ecf8ff;
-  border-radius: 4px;
-  border-left: 5px solid #50bfff;
-  margin: 20px 0;
-}
-.tip-title p {
-  font-size: 14px;
-  color: #5e6d82;
-  line-height: 1.5em;
-}
-.el-cascader-menu__list {
-  max-height: 500px !important;
-}
-.yunyin-btn {
-  background: #409eff !important;
-  border-color: #409eff !important;
-}
-.yunyin-btn:hover {
-  opacity: 0.85;
-}
-.el-table th {
-  font-weight: bold;
-  color: #5f5f5f;
-}
-.el-table th.el-table__cell {
-  background-color: #f1f5fa !important;
-}
-.operation-area {
-  margin-bottom: 20px;
-}
-.text-tip {
-  background: #fdf5e6;
-  border-radius: 15px;
-  height: 30px;
-  margin-left: 10px;
-  padding: 0 10px;
-}
-.text-tip .el-icon-warning {
-  font-size: 16px;
-  color: #ff9000;
-}
-.text-tip span {
-  font-size: 12px;
-  color: #333333;
-  margin-left: 4px;
-}
-.contact-information p {
-  height: 25px;
-  margin-bottom: 5px;
-}
-.contact-information p span {
-  padding: 0 5px;
-  width: 147px;
-  background: #f1f5fa;
-}
-.alink {
-  color: #409EFF;
-}
-.btn-element {
-  height: 20px;
-  color: #FFF;
-  background-color: #409EFF;
-  box-sizing: border-box;
-  width: 44px;
-}
-.dialog-layer-notice {
-  width: 580px;
-  min-height: 325px;
-  padding: 15px 0;
-  background: url("https://img.ichunt.com/images/ichunt/202302/20/134df9995b5c165202ed45fd900b4e98.png") no-repeat center !important;
-  background-size: cover !important;
-  box-sizing: border-box;
-}
-.dialog-layer-notice .el-dialog__header {
-  position: relative;
-  top: -26px;
-  margin: 0 15px;
-  height: 48px;
-  line-height: 48px;
-  background: #FFFFFF;
-  padding: 0px !important;
-  padding-left: 20px !important;
-  box-sizing: border-box;
-  border-radius: 6px 6px 0 0;
-}
-.dialog-layer-notice .el-dialog__header .el-icon-close {
-  font-size: 20px;
-  margin-left: 2px;
-}
-.dialog-layer-notice .el-dialog__header .el-dialog__headerbtn {
-  top: -34px;
-  right: -8px;
-  z-index: 99;
-}
-.dialog-layer-notice .el-dialog__header .el-dialog__headerbtn:after {
-  width: 24px;
-  height: 24px;
-  line-height: 24px;
-  text-align: center;
-  background: #FFFFFF;
-  border-radius: 50%;
-  content: "";
-  display: block;
-  position: absolute;
-  top: -2px;
-  z-index: -1;
-}
-.dialog-layer-notice .el-dialog__title {
-  font-size: 16px;
-  color: #387fff;
-  font-weight: bold;
-}
-.dialog-layer-notice .el-dialog__title:after {
-  display: none;
-}
-.dialog-layer-notice .el-dialog__body {
-  position: relative;
-  top: -26px;
-  margin: 0 15px;
-  background: #FFFFFF;
-  border-radius: 0 0 6px 6px;
-}
-.dialog-layer-notice .notice-content {
-  padding: 20px;
-  min-height: 221px;
-  max-height: 500px;
-  overflow-y: auto;
-  font-size: 14px;
-  color: #313131;
-  box-sizing: border-box;
-}
-.dialog-layer-notice .notice-content img {
-  max-width: 100%;
-}
-.dialog-layer-notice .enclosure {
-  border-top: 1px solid #E5EBF6;
-  padding-left: 22px;
-  height: 36px;
-}
-.dialog-layer-notice .enclosure span {
-  font-size: 12px;
-  color: #313131;
-}
-.dialog-layer-notice .enclosure .down {
-  font-size: 12px;
-  color: #387FFF;
-}
-.dialog-layer-notice .notice-bottom {
-  position: absolute;
-  bottom: -31px;
-  left: 0;
-  right: 0;
-  z-index: 99;
-  padding: 0 24px;
-}
-.dialog-layer-notice .notice-bottom span {
-  font-size: 12px;
-  color: #ffffff;
-}
-.prefix-icon-time-style {
-  display: none;
-}
-.section-page {
-  background: #FFFFFF;
-  border-radius: 4px;
-  padding: 20px;
-  height: calc(100vh - 96px);
-  box-sizing: border-box;
-}
-::-webkit-scrollbar {
-  width: 6px;
-  height: 6px;
-  background: transparent;
-}
-::-webkit-scrollbar-track {
-  background: white;
-  border-radius: 2px;
-}
-::-webkit-scrollbar-thumb {
-  background: #E6E6E6;
-  border-radius: 2px;
-}
-::-webkit-scrollbar-thumb:hover {
-  background: #E6E6E6;
-}
-::-webkit-scrollbar-corner {
-  background: #f6f6f6;
-}
-/*# sourceMappingURL=common.min.css.map */
\ No newline at end of file
--- a/src/assets/css/public/common.min.css.map
+++ b/src/assets/css/public/common.min.css.map
-{"version":3,"sources":["common.less"],"names":[],"mappings":"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","file":"common.min.css"}
+{"version":3,"sources":["common.less"],"names":[],"mappings":"AAAA,KACI,6BAAA,CACA,0BAGJ,IAAK,GACD,SAAA,CACA,wCAAA,CACA,yCAAA,YAGJ,KAAM,KACF,2CAA8C,4BAA9C,CACA,iBAAA,CACA,kCAAA,CACA,iCAAA,CACA,cAAA,CACA,cAGJ,KAAM,IAAK,GAAI,GAAI,GAAI,GAAI,GAAI,GAAI,GAAI,GAAI,GAAI,GAAI,GAAI,GAAI,IAAK,KAAM,KAAM,SAAU,OAAQ,MAAO,SAAU,EAAG,WAAY,GAAI,GAAI,GAAI,OAAQ,QAAS,MAAO,QAAS,WAAY,OAAQ,OAAQ,OAAQ,KAAM,IAAK,QACtN,QAAA,CACA,UAGJ,OAAQ,MAAO,OAAQ,SACnB,cAAA,CACA,WAAA,CACA,wBAGJ,KAAK,cAAe,KAAK,YAAa,KAAK,cACvC,eAGJ,MACI,wBAAA,CACA,iBAGJ,GAAI,GAAI,GACJ,gBAGJ,GAAI,GAAI,GAAI,GAAI,GAAI,GAChB,cAAA,CACA,gBAGJ,GAAI,EAAG,EACH,kBAGJ,EACI,qBAGJ,IACI,YAGJ,KACI,OAAA,CACA,WAGJ,IAAI,OACA,QAAS,GAAT,CACA,UAAA,CACA,QAAA,CACA,iBAAA,CACA,cAGJ,IACI,UAAA,CACA,gBAGJ,IACI,WAAA,CACA,gBAGJ,MACI,mBAGJ,MACI,sBAGJ,MACI,sBAGJ,WACI,oBAAA,CACA,eAAA,CACA,MAAA,CACA,qBAAA,CACA,oBAGJ,OACI,sBAAA,CACA,kBAAA,YAGJ,QACI,gBAAA,CACA,SAAA,CACA,WAAA,CACA,WAAA,CACA,sBAGJ,QACI,6BAAA,CACA,sBAGJ,QACI,YAAA,CACA,sBAGJ,KACI,YAAA,CACA,mBAGJ,UACI,8BAGJ,SACI,6BAGJ,WACI,uBAGJ,WACI,mBAGJ,SACI,kBAAA,CACA,eAAA,CACA,cAAA,CACA,UAAA,CACA,OAGJ,KAAM,KACF,UAAA,CACA,WAAA,CACA,iCAGJ,KACI,iBAAA,CACA,mBAGJ,QACI,cAGJ,SACI,cAGJ,WACI,cAGJ,QACI,cAGJ,eACI,gBAAA,CACA,gBAGJ,OACI,YAAA,CACA,gBAAA,CACA,mBAGJ,OACI,sBACI,WAFR,OAKI,UAAS,aACL,wBAAA,CACA,qBAPR,OAUI,UAAS,YAAa,kBAClB,wBAAA,CACA,qBAKR,iBACI,YAAA,YAGJ,kBACI,cAAA,CACA,UAAA,CACA,gBAAA,CACA,kBAEA,iBAAC,QACG,QAAS,EAAT,CACA,iBAAA,CACA,SAAA,CACA,WAAA,CACA,kBAAA,CACA,UAAA,CACA,QAIR,eACI,eAEA,cAAC,OAAQ,cAAC,OACN,aAAA,YAOR,yBACI,qBAGJ,wBAAyB,GACrB,UAAA,CACA,eAGJ,uBAAuB,eACnB,aAAA,YACA,cAAA,YAGJ,sBAAsB,QAClB,QAAS,QAGb,qBACI,YADmB,cACnB,YACI,UAAA,CACA,WAAA,CACA,iBAAA,CACA,gBAAA,CACA,kBAAA,CACA,wBAAA,CACA,iBAAA,CACA,aAAA,CACA,cAAA,CACA,YAEA,qBAZJ,WAYK,OAAD,cAZJ,WAYK,OAAQ,qBAZb,WAYc,OAAD,cAZb,WAYc,OACN,aAAA,CACA,kBAAA,CACA,yBAGJ,qBAlBJ,WAkBK,oBAAD,cAlBJ,WAkBK,oBACG,wBAAA,CACA,UAAA,CACA,mBAEA,qBAvBR,WAkBK,mBAKI,OAAD,cAvBR,WAkBK,mBAKI,OAAQ,qBAvBjB,WAkBK,mBAKa,OAAD,cAvBjB,WAkBK,mBAKa,OACN,UAAA,CACA,kBAAA,CACA,yBAMhB,QACI,kBADJ,OAGI,IACI,UAAA,CACA,gBALR,OAQI,MACI,WAAA,CACA,WAAA,CACA,kBAAA,CACA,iBAAA,CACA,cAAA,CACA,aAAA,CACA,gBAAA,CACA,eAAA,CACA,gBAIR,WACI,gBAAA,CACA,wBAAA,CACA,iBAAA,CACA,6BAAA,CACA,cALJ,UAOI,GACI,cAAA,CACA,aAAA,CACA,kBAIR,wBACI,4BAGJ,YACI,kBAAA,YACA,oBAAA,YAEA,WAAC,OACG,YAIR,SAAU,IACN,gBAAA,CACA,cAGJ,SAAU,GAAE,gBACR,wBAAA,YAGJ,gBACI,mBAGJ,UACI,kBAAA,CACA,kBAAA,CACA,WAAA,CACA,gBAAA,CACA,eALJ,SAOI,kBACI,cAAA,CACA,cATR,SAYI,MACI,cAAA,CACA,aAAA,CACA,gBAIR,oBACI,GACI,WAAA,CACA,kBAHR,oBACI,EAQI,MACI,aAAA,CACA,WAAA,CACA,mBAKZ,OACI,cAGJ,aACI,WAAA,CACA,UAAA,CACA,wBAAA,CACA,qBAAA,CACA,WAGJ,qBACI,WAAA,CACA,gBAAA,CACA,cAAA,CACA,eAAgB,uGAAhB,YACA,gCAAA,CACA,sBANJ,oBAQI,oBACI,iBAAA,CACA,SAAA,CACA,aAAA,CACA,WAAA,CACA,gBAAA,CACA,kBAAA,CACA,sBAAA,CACA,4BAAA,CACA,qBAAA,CACA,0BAlBR,oBAQI,mBAYI,gBACI,cAAA,CACA,gBAtBZ,oBAQI,mBAiBI,uBACI,SAAA,CACA,UAAA,CACA,WAEA,oBAtBR,mBAiBI,sBAKK,OACG,UAAA,CACA,WAAA,CACA,gBAAA,CACA,iBAAA,CACA,kBAAA,CACA,iBAAA,CACA,QAAS,EAAT,CACA,aAAA,CACA,iBAAA,CACA,QAAA,CACA,WAzChB,oBA8CI,mBACI,cAAA,CACA,aAAA,CACA,iBAEA,oBALJ,kBAKK,OACG,aApDZ,oBAwDI,kBACI,iBAAA,CACA,SAAA,CACA,aAAA,CACA,kBAAA,CACA,0BA7DR,oBAgEI,iBACI,YAAA,CACA,gBAAA,CACA,gBAAA,CACA,eAAA,CACA,cAAA,CACA,aAAA,CACA,sBAvER,oBAgEI,gBASI,KACI,eA1EZ,oBA8EI,YACI,4BAAA,CACA,iBAAA,CACA,YAjFR,oBA8EI,WAKI,MACI,cAAA,CACA,cArFZ,oBA8EI,WAUI,OACI,cAAA,CACA,cA1FZ,oBA8FI,gBACI,iBAAA,CACA,YAAA,CACA,MAAA,CACA,OAAA,CACA,UAAA,CACA,eApGR,oBA8FI,eAQI,MACI,cAAA,CACA,cAKZ,wBACI,aAGJ,cACI,kBAAA,CACA,iBAAA,CACA,YAAA,CACA,OAAQ,kBAAR,CACA,sBAGJ,oBACI,SAAA,CACA,UAAA,CACA,uBAGJ,0BACI,gBAAA,CACA,kBAGJ,0BACI,kBAAA,CACA,kBAGJ,yBAAyB,OACrB,mBAGJ,2BACI"}
\ No newline at end of file
--- a/src/views/User/login.vue
+++ b/src/views/User/login.vue
@@ -19,22 +19,20 @@
                    <p class="tit">欢迎登录芯链系统</p>
                    <div class="bar">
                        <form>
-                            <div class="input-box lbBox" :class="errorClass1 ? 'error' : ''">
+                            <div class="input-box row verCenter" :class="errorClass1 ? 'error' : ''">
                                <i class="iconfont iconuser va-m"></i>
                                <input type="text" placeholder="请输入手机号" class="inp va-m" v-model="form.mobile" autocomplete="off" />
-                                <b class="lineBlock emptys"></b>
                            </div>
-                            <div class="input-box lbBox" :class="errorClass2 ? 'error' : ''">
+                            <div class="input-box row verCenter" :class="errorClass2 ? 'error' : ''">
                                <i class="iconfont icondenglu-mimabeifen va-m"></i>
                                <input :type='pwdFlag ? "password" : "text"' placeholder="请输入登录密码" class="inp va-m" v-model="form.password" />
                                <a href="javascript:;" class="iconfont eye" :class="pwdFlag ? 'iconyincang' : 'iconyanjing'" @click="changePwd()"></a>
-                                <b class="lineBlock emptys"></b>
                            </div>
-                            <div class="code-box clr" :class="errorClass3 ? 'error' : ''">
+                            <div class="code-box row bothSide verCenter" :class="errorClass3 ? 'error' : ''">
-                                <div class="fl l">
+                                <div class="l">
                                    <input type="text" placeholder="请输入验证码" v-model="form.captcha" />
                                </div>
-                                <a class="fr r" href="javascript:;" title="换一张" @click="updateCp()">
+                                <a class="r" href="javascript:;" title="换一张" @click="updateCp()">
                                    <img :src="imgSrc" alt="">
                                </a>
                            </div>