feat(login): 移除企业微信登录选项并调整样式

云

7 小时以前 533353dbeb19b3fa45817e9f65874db4e2ce6f9e

 src/views/login.vue

@@ -57,21 +57,7 @@
          </el-button>
        </el-form>

        <div class="login-card__others">
          <div class="login-card__divider">
            <span>其他登录方式</span>
          </div>
          <div class="login-card__wecom" @click="handleWecom">
            <svg viewBox="0 0 24 24" width="18" height="18" aria-hidden="true">
              <path fill="#2C51D9" d="M12 3C7.6 3 4 5.9 4 9.5c0 2 1.1 3.8 2.9 5l-.7 2.1 2.4-1.2c1 .3 2.1.5 3.4.5 4.4 0 8-2.9 8-6.4S16.4 3 12 3z"/>
              <circle cx="9" cy="9.5" r="1" fill="#fff"/>
              <circle cx="15" cy="9.5" r="1" fill="#fff"/>
            </svg>
            <span>企业微信登录</span>
          </div>
        </div>

        <p class="login-card__foot">健齿科技 · 服务全球</p>
        <p class="login-card__foot">健齿科技 · 服务全国</p>
      </div>
    </main>
  </div>
@@ -133,10 +119,6 @@

function handleForgot() {
  proxy.$modal.msg("请联系系统管理员重置密码")
}

function handleWecom() {
  proxy.$modal.msg("企业微信登录暂未开放")
}

function getCookie() {
@@ -251,51 +233,8 @@
  }
}

.login-card__others {
  margin-top: 26px;
}

.login-card__divider {
  position: relative;
  text-align: center;
  font-size: 12px;
  color: var(--app-text-tertiary, #86909c);

  &::before {
    content: '';
    position: absolute;
    left: 0;
    right: 0;
    top: 50%;
    height: 1px;
    background: var(--app-border, #e8ecf1);
  }

  span {
    position: relative;
    padding: 0 12px;
    background: #fff;
  }
}

.login-card__wecom {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  margin-top: 18px;
  font-size: 14px;
  color: var(--app-text-secondary, #4e5969);
  cursor: pointer;
  transition: color var(--app-transition, 0.2s);

  &:hover {
    color: var(--app-primary, #2c51d9);
  }
}

.login-card__foot {
  margin: 26px 0 0;
  margin: 34px 0 0;
  text-align: center;
  font-size: 12px;
  letter-spacing: 4px;