updata
This commit is contained in:
parent
02d1371928
commit
057f564f1d
@ -35,10 +35,10 @@
|
|||||||
<!-- 用户区域:登录/注册按钮和用户下拉菜单 -->
|
<!-- 用户区域:登录/注册按钮和用户下拉菜单 -->
|
||||||
<div class="user-area">
|
<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="iconfont icon-ditu_diqiu_o"></span>
|
||||||
<span class="language-text">{{ language === 'zh' ? 'English' : '中文' }}</span>
|
<span class="language-text">{{ language === 'zh' ? 'English' : '中文' }}</span>
|
||||||
</div>
|
</div> -->
|
||||||
<!-- AI -->
|
<!-- AI -->
|
||||||
<i class="iconfont icon-AIzhushou functions" @click="handleAIClick"></i>
|
<i class="iconfont icon-AIzhushou functions" @click="handleAIClick"></i>
|
||||||
<!-- 客服 -->
|
<!-- 客服 -->
|
||||||
|
|||||||
@ -534,7 +534,7 @@ export default {
|
|||||||
|
|
||||||
&.active {
|
&.active {
|
||||||
background-color: #e6f7ff;
|
background-color: #e6f7ff;
|
||||||
border-color: #1890ff;
|
border-color: #1890ff; /* 激活状态下的边框颜色 */
|
||||||
color: #1890ff;
|
color: #1890ff;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
@ -552,4 +552,5 @@ export default {
|
|||||||
flex-direction: column;
|
flex-direction: column;
|
||||||
|
|
||||||
}
|
}
|
||||||
|
|
||||||
</style>
|
</style>
|
||||||
|
|||||||
@ -719,11 +719,11 @@ $light_gray: #eee;
|
|||||||
font-size: 24px;
|
font-size: 24px;
|
||||||
margin-top: 100px !important;
|
margin-top: 100px !important;
|
||||||
}
|
}
|
||||||
.a24Style {
|
// .a24Style {
|
||||||
//display: flex;
|
// //display: flex;
|
||||||
//justify-content: flex-end;
|
// //justify-content: flex-end;
|
||||||
//align-items: center;
|
// //align-items: center;
|
||||||
}
|
// }
|
||||||
.userInput .el-input__inner {
|
.userInput .el-input__inner {
|
||||||
background-color: white;
|
background-color: white;
|
||||||
}
|
}
|
||||||
|
|||||||
@ -1,9 +1,7 @@
|
|||||||
<template>
|
<template>
|
||||||
<div @keyup.enter.native="handleLogin('loginForm')" class="main-box" style="position: relative">
|
<div @keyup.enter.native="handleLogin('loginForm')" class="main-box" style="position: relative">
|
||||||
<div class="ad-dialog" v-if="adShow">
|
<div class="ad-dialog" v-if="adShow">
|
||||||
<div
|
<div class="showAdImg" style=""></div>
|
||||||
class="showAdImg"
|
|
||||||
style=""></div>
|
|
||||||
</div>
|
</div>
|
||||||
<!-- 登录-->
|
<!-- 登录-->
|
||||||
<img src="../../assets/kyy/login-bg.png" alt="">
|
<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>-->
|
<!-- style="margin-left: 8px;display:flex;justify-content:center;align-items:center;font-weight:700;color:#0052a4;margin-top: 53px">opencomputing</span>-->
|
||||||
<!-- </div>-->
|
<!-- </div>-->
|
||||||
|
|
||||||
<div class="login-form" v-if="showWxCode"
|
<div class="login-form" v-if="showWxCode" style="display:flex;align-items:center;justify-content:center;"
|
||||||
style="display:flex;align-items:center;justify-content:center;"
|
|
||||||
id="login_containera"></div>
|
id="login_containera"></div>
|
||||||
<div v-else class="login-form">
|
<div v-else class="login-form">
|
||||||
<!-- <div style="width: 535px;height: 85px;">-->
|
<!-- <div style="width: 535px;height: 85px;">-->
|
||||||
<div style="width: 100% ;height: 85px;" v-if="false">
|
<div style="width: 100% ;height: 85px;" v-if="false">
|
||||||
<before-login
|
<before-login style="margin-top: 15px;width: 100%!important;" v-if="isShowSaleProduct"></before-login>
|
||||||
style="margin-top: 15px;width: 100%!important;"
|
|
||||||
v-if="isShowSaleProduct"></before-login>
|
|
||||||
</div>
|
</div>
|
||||||
<!-- </div>-->
|
<!-- </div>-->
|
||||||
<div v-if="true" class="main-content-box"
|
<div v-if="true" class="main-content-box"
|
||||||
@ -50,13 +45,12 @@
|
|||||||
<!-- <svg-icon icon-class="Icon-user2icon" />-->
|
<!-- <svg-icon icon-class="Icon-user2icon" />-->
|
||||||
<img src="../../assets/kyy/用户.svg" alt="">
|
<img src="../../assets/kyy/用户.svg" alt="">
|
||||||
</span>
|
</span>
|
||||||
<el-input id="uesr-name-id" ref="username" v-model="loginForm.username"
|
<el-input id="uesr-name-id" ref="username" v-model="loginForm.username" placeholder="请输入用户名/手机号"
|
||||||
placeholder="请输入用户名/手机号" name="username" type="text" class="userInput"/>
|
name="username" type="text" class="userInput" />
|
||||||
</div>
|
</div>
|
||||||
</el-form-item>
|
</el-form-item>
|
||||||
<el-tooltip v-if="loginType === '0'" v-model="capsTooltip" style="margin-bottom: 7px"
|
<el-tooltip v-if="loginType === '0'" v-model="capsTooltip" style="margin-bottom: 7px"
|
||||||
content="Caps lock is On" placement="right"
|
content="Caps lock is On" placement="right" manual>
|
||||||
manual>
|
|
||||||
<el-form-item prop="password" class="password-mobile"
|
<el-form-item prop="password" class="password-mobile"
|
||||||
style="background-color: white; border: 1px solid #d9d9d9;width: 300px;">
|
style="background-color: white; border: 1px solid #d9d9d9;width: 300px;">
|
||||||
<div class="user-input">
|
<div class="user-input">
|
||||||
@ -65,12 +59,10 @@
|
|||||||
<img src="./svg/密码.svg" style="color: #6c7079" alt="">
|
<img src="./svg/密码.svg" style="color: #6c7079" alt="">
|
||||||
</span>
|
</span>
|
||||||
<el-input id="passwordId" :key="passwordType" ref="password" v-model="loginForm.password"
|
<el-input id="passwordId" :key="passwordType" ref="password" v-model="loginForm.password"
|
||||||
:type="passwordType" placeholder="请输入密码" name="password"
|
:type="passwordType" placeholder="请输入密码" name="password" @keyup.native="checkCapslock"
|
||||||
@keyup.native="checkCapslock" @blur="capsTooltip = false"
|
@blur="capsTooltip = false" @keyup.enter.native="handleLogin" />
|
||||||
@keyup.enter.native="handleLogin"/>
|
|
||||||
<span class="show-pwd" @click="showPwd">
|
<span class="show-pwd" @click="showPwd">
|
||||||
<svg-icon style="margin-right: 10px;cursor: pointer" :icon-class="
|
<svg-icon style="margin-right: 10px;cursor: pointer" :icon-class="passwordType === 'password' ? 'eye' : 'eye-open'
|
||||||
passwordType === 'password' ? 'eye' : 'eye-open'
|
|
||||||
" />
|
" />
|
||||||
</span>
|
</span>
|
||||||
</div>
|
</div>
|
||||||
@ -84,8 +76,7 @@
|
|||||||
<span class="svg-container icon-box">
|
<span class="svg-container icon-box">
|
||||||
<img src="./svg/密码.svg" style="color: #6c7079;width: 19px;height: 17px;" alt="">
|
<img src="./svg/密码.svg" style="color: #6c7079;width: 19px;height: 17px;" alt="">
|
||||||
</span>
|
</span>
|
||||||
<el-input ref="vcode" v-model="loginForm.vcode" placeholder="请输入验证码" name="vcode"
|
<el-input ref="vcode" v-model="loginForm.vcode" placeholder="请输入验证码" name="vcode" type="text" />
|
||||||
type="text"/>
|
|
||||||
</div>
|
</div>
|
||||||
</el-form-item>
|
</el-form-item>
|
||||||
<span :disabled="isDisabled" class="getCodeStyleNew" style="height:40px;margin-left:10px"
|
<span :disabled="isDisabled" class="getCodeStyleNew" style="height:40px;margin-left:10px"
|
||||||
@ -164,9 +155,10 @@
|
|||||||
|
|
||||||
<div class="message-footer">
|
<div class="message-footer">
|
||||||
<div class="item">
|
<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"
|
<span v-if="JSON.stringify(logoInfoNew) !== '{}'" class="goPAge"
|
||||||
@click="goPloic">京公网安备:{{ logoInfoNew.home.publicsecurity }}</span>
|
@click="goIPC">京ICP备:{{ logoInfoNew.home.license }}</span>
|
||||||
<span v-if="JSON.stringify(logoInfoNew)!=='{}'" class="goPAge" @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.businesslicense }}</span>
|
||||||
<span v-if="JSON.stringify(logoInfoNew) !== '{}'">邮箱:{{ logoInfoNew.home.email }}</span>
|
<span v-if="JSON.stringify(logoInfoNew) !== '{}'">邮箱:{{ logoInfoNew.home.email }}</span>
|
||||||
</div>
|
</div>
|
||||||
@ -979,10 +971,12 @@ export default {
|
|||||||
$cursor: black;
|
$cursor: black;
|
||||||
$light_gray: #eee;
|
$light_gray: #eee;
|
||||||
$dark_gray: #889aa4;
|
$dark_gray: #889aa4;
|
||||||
|
|
||||||
.main-box {
|
.main-box {
|
||||||
position: relative;
|
position: relative;
|
||||||
width: 100vw;
|
width: 100vw;
|
||||||
height: 100vh;
|
height: 100vh;
|
||||||
|
|
||||||
//border:1px solid red;
|
//border:1px solid red;
|
||||||
img {
|
img {
|
||||||
width: 100%;
|
width: 100%;
|
||||||
@ -1051,6 +1045,7 @@ $dark_gray: #889aa4;
|
|||||||
|
|
||||||
.login-form-style {
|
.login-form-style {
|
||||||
background-color: transparent;
|
background-color: transparent;
|
||||||
|
|
||||||
//padding-top: 70px;
|
//padding-top: 70px;
|
||||||
.el-input {
|
.el-input {
|
||||||
input {
|
input {
|
||||||
@ -1193,7 +1188,7 @@ $dark_gray: #889aa4;
|
|||||||
}
|
}
|
||||||
|
|
||||||
.logo-top1 {
|
.logo-top1 {
|
||||||
width: 220px !important;
|
width: 260px !important;
|
||||||
height: 80px !important;
|
height: 80px !important;
|
||||||
position: absolute;
|
position: absolute;
|
||||||
top: 3%;
|
top: 3%;
|
||||||
@ -1209,6 +1204,7 @@ $dark_gray: #889aa4;
|
|||||||
//border: 5px solid red !important;
|
//border: 5px solid red !important;
|
||||||
//width: 95% !important;
|
//width: 95% !important;
|
||||||
}
|
}
|
||||||
|
|
||||||
.login-form {
|
.login-form {
|
||||||
width: 90% !important;
|
width: 90% !important;
|
||||||
//border: 5px solid red !important;
|
//border: 5px solid red !important;
|
||||||
@ -1216,6 +1212,7 @@ $dark_gray: #889aa4;
|
|||||||
top: 13%;
|
top: 13%;
|
||||||
right: 5%;
|
right: 5%;
|
||||||
}
|
}
|
||||||
|
|
||||||
.go-register {
|
.go-register {
|
||||||
padding-right: 10px;
|
padding-right: 10px;
|
||||||
//border:1px solid red;
|
//border:1px solid red;
|
||||||
|
|||||||
File diff suppressed because it is too large
Load Diff
Loading…
x
Reference in New Issue
Block a user