This commit is contained in:
hrx 2025-10-29 17:23:44 +08:00
parent 02d1371928
commit 057f564f1d
5 changed files with 793 additions and 731 deletions

View File

@ -35,10 +35,10 @@
<!-- 用户区域登录/注册按钮和用户下拉菜单 -->
<div class="user-area">
<!-- 中英互译 -->
<div class="language-toggle" @click="toggleLanguage">
<!-- <div class="language-toggle" @click="toggleLanguage">
<span class="iconfont icon-ditu_diqiu_o"></span>
<span class="language-text">{{ language === 'zh' ? 'English' : '中文' }}</span>
</div>
</div> -->
<!-- AI -->
<i class="iconfont icon-AIzhushou functions" @click="handleAIClick"></i>
<!-- 客服 -->

View File

@ -534,7 +534,7 @@ export default {
&.active {
background-color: #e6f7ff;
border-color: #1890ff;
border-color: #1890ff; /* 激活状态下的边框颜色 */
color: #1890ff;
}
}
@ -552,4 +552,5 @@ export default {
flex-direction: column;
}
</style>

View File

@ -719,11 +719,11 @@ $light_gray: #eee;
font-size: 24px;
margin-top: 100px !important;
}
.a24Style {
//display: flex;
//justify-content: flex-end;
//align-items: center;
}
// .a24Style {
// //display: flex;
// //justify-content: flex-end;
// //align-items: center;
// }
.userInput .el-input__inner {
background-color: white;
}

View File

@ -1,9 +1,7 @@
<template>
<div @keyup.enter.native="handleLogin('loginForm')" class="main-box" style="position: relative">
<div class="ad-dialog" v-if="adShow">
<div
class="showAdImg"
style=""></div>
<div class="showAdImg" style=""></div>
</div>
<!-- 登录-->
<img src="../../assets/kyy/login-bg.png" alt="">
@ -21,15 +19,12 @@
<!-- style="margin-left: 8px;display:flex;justify-content:center;align-items:center;font-weight:700;color:#0052a4;margin-top: 53px">opencomputing</span>-->
<!-- </div>-->
<div class="login-form" v-if="showWxCode"
style="display:flex;align-items:center;justify-content:center;"
<div class="login-form" v-if="showWxCode" style="display:flex;align-items:center;justify-content:center;"
id="login_containera"></div>
<div v-else class="login-form">
<!-- <div style="width: 535px;height: 85px;">-->
<div style="width: 100% ;height: 85px;" v-if="false">
<before-login
style="margin-top: 15px;width: 100%!important;"
v-if="isShowSaleProduct"></before-login>
<before-login style="margin-top: 15px;width: 100%!important;" v-if="isShowSaleProduct"></before-login>
</div>
<!-- </div>-->
<div v-if="true" class="main-content-box"
@ -50,13 +45,12 @@
<!-- <svg-icon icon-class="Icon-user2icon" />-->
<img src="../../assets/kyy/用户.svg" alt="">
</span>
<el-input id="uesr-name-id" ref="username" v-model="loginForm.username"
placeholder="请输入用户名/手机号" name="username" type="text" class="userInput"/>
<el-input id="uesr-name-id" ref="username" v-model="loginForm.username" placeholder="请输入用户名/手机号"
name="username" type="text" class="userInput" />
</div>
</el-form-item>
<el-tooltip v-if="loginType === '0'" v-model="capsTooltip" style="margin-bottom: 7px"
content="Caps lock is On" placement="right"
manual>
content="Caps lock is On" placement="right" manual>
<el-form-item prop="password" class="password-mobile"
style="background-color: white; border: 1px solid #d9d9d9;width: 300px;">
<div class="user-input">
@ -65,12 +59,10 @@
<img src="./svg/密码.svg" style="color: #6c7079" alt="">
</span>
<el-input id="passwordId" :key="passwordType" ref="password" v-model="loginForm.password"
:type="passwordType" placeholder="请输入密码" name="password"
@keyup.native="checkCapslock" @blur="capsTooltip = false"
@keyup.enter.native="handleLogin"/>
:type="passwordType" placeholder="请输入密码" name="password" @keyup.native="checkCapslock"
@blur="capsTooltip = false" @keyup.enter.native="handleLogin" />
<span class="show-pwd" @click="showPwd">
<svg-icon style="margin-right: 10px;cursor: pointer" :icon-class="
passwordType === 'password' ? 'eye' : 'eye-open'
<svg-icon style="margin-right: 10px;cursor: pointer" :icon-class="passwordType === 'password' ? 'eye' : 'eye-open'
" />
</span>
</div>
@ -84,8 +76,7 @@
<span class="svg-container icon-box">
<img src="./svg/密码.svg" style="color: #6c7079;width: 19px;height: 17px;" alt="">
</span>
<el-input ref="vcode" v-model="loginForm.vcode" placeholder="请输入验证码" name="vcode"
type="text"/>
<el-input ref="vcode" v-model="loginForm.vcode" placeholder="请输入验证码" name="vcode" type="text" />
</div>
</el-form-item>
<span :disabled="isDisabled" class="getCodeStyleNew" style="height:40px;margin-left:10px"
@ -164,9 +155,10 @@
<div class="message-footer">
<div class="item">
<span v-if="JSON.stringify(logoInfoNew) !== '{}'" class="goPAge" @click="goPloic">京公网安备{{
logoInfoNew.home.publicsecurity }}</span>
<span v-if="JSON.stringify(logoInfoNew) !== '{}'" class="goPAge"
@click="goPloic">京公网安备{{ logoInfoNew.home.publicsecurity }}</span>
<span v-if="JSON.stringify(logoInfoNew)!=='{}'" class="goPAge" @click="goIPC">京ICP备{{logoInfoNew.home.license}}</span>
@click="goIPC">京ICP备{{ logoInfoNew.home.license }}</span>
<span v-if="JSON.stringify(logoInfoNew) !== '{}'">增值电信业务经营许可证{{ logoInfoNew.home.businesslicense }}</span>
<span v-if="JSON.stringify(logoInfoNew) !== '{}'">邮箱{{ logoInfoNew.home.email }}</span>
</div>
@ -979,10 +971,12 @@ export default {
$cursor: black;
$light_gray: #eee;
$dark_gray: #889aa4;
.main-box {
position: relative;
width: 100vw;
height: 100vh;
//border:1px solid red;
img {
width: 100%;
@ -1051,6 +1045,7 @@ $dark_gray: #889aa4;
.login-form-style {
background-color: transparent;
//padding-top: 70px;
.el-input {
input {
@ -1193,7 +1188,7 @@ $dark_gray: #889aa4;
}
.logo-top1 {
width: 220px !important;
width: 260px !important;
height: 80px !important;
position: absolute;
top: 3%;
@ -1209,6 +1204,7 @@ $dark_gray: #889aa4;
//border: 5px solid red !important;
//width: 95% !important;
}
.login-form {
width: 90% !important;
//border: 5px solid red !important;
@ -1216,6 +1212,7 @@ $dark_gray: #889aa4;
top: 13%;
right: 5%;
}
.go-register {
padding-right: 10px;
//border:1px solid red;

File diff suppressed because it is too large Load Diff