首页头部，样式调整

QYF-GitLab1

2 天以前 9cad6a832c786989be620573b09badccfe7e3b51

 src/layout/components/login.vue

@@ -1,13 +1,13 @@
<template>
  <el-dialog
    align-center
    append-to-body
    v-model="dialogFormVisible"
    @close="closeDialog"
    @open="openDialog"
    class="fansdialog"
    style="padding: 0; padding-bottom: 0px"
  >
    <div style="display: flex; justify-content: space-around">
    <div style="display: flex; justify-content: space-between">
      <el-image :src="dialogLeftImg" class="leftImg" />

      <div class="logIn">
@@ -16,15 +16,17 @@
            <li
              @click="signUpWay = 'authSignUp'"
              :style="{
                color: signUpWay == 'authSignUp' ? '#144941' : '#545C63',
                color: signUpWay == 'authSignUp' ? '#019E58' : '#545C63',
              }"
              style="font-weight: 700"
            >
              手机号登录
            </li>
            <li>|</li>
            <li
              @click="wechatLoginOpen"
              :style="{ color: signUpWay == 'wechat' ? '#144941' : '#545C63' }"
              :style="{ color: signUpWay == 'wechat' ? '#019E58' : '#545C63' }"
              style="font-weight: 700"
            >
              微信登录
            </li>
@@ -221,11 +223,6 @@
    })
}

watchEffect(() => {
  if (dialogFormVisible.value) {
  }
})

//登录

const loginBtn = () => {
@@ -307,7 +304,12 @@
        })
      }
    }
    router.go(0)
    if (localStorage.getItem('loginBack')) {
      window.location.href = localStorage.getItem('loginBack')
      localStorage.removeItem('loginBack')
    } else {
      router.go(0)
    }
  })
}

@@ -378,14 +380,16 @@
}
.fansdialog {
  width: 806px;

  padding: 0 !important;
  margin: 0 !important;
  .leftImg {
    box-sizing: border-box;
    width: 403px;
  }

  .el-dialog__header {
    padding: 0;
  ::v-deep(.el-dialog__header) {
    padding: 0 !important;
    padding-bottom: 0 !important;
  }

  .el-dialog__body {
@@ -393,6 +397,7 @@
    height: 575px;
    display: flex;
    padding: 0 !important;
    margin: 0 !important;
  }

  .leftImg {
@@ -403,6 +408,7 @@

  .el-dialog__header {
    padding: 0;
    padding-bottom: 0 !important;
  }

  .el-dialog__body {
@@ -418,11 +424,6 @@

  p span {
    line-height: 24px;
  }

  .el-dialog__header {
    font-size: 18px;
    color: #333;
  }

  .el-dialog__body {
@@ -467,7 +468,7 @@
  padding-top: 48px;
  display: flex;
  flex-direction: column;
  justify-content: space-around;
  justify-content: space-between;

  .signUpTitle {
    width: 100%;
@@ -813,20 +814,4 @@
.selectPhone {
  background: #fff;
}

// .el-select {
//   width: 100px;
//   height: 30px;
//   color: red;
//   border: none !important;

//   /deep/ .select-trigger {
//     height: 100%;

//     .el-input--suffix {
//       height: 100%;
//       background-color: #fff;
//     }
//   }
// }
</style>