|
|
@@ -4,11 +4,12 @@
|
|
|
justify="center"
|
|
|
align="middle">
|
|
|
<a-col>
|
|
|
- <div class="login-background">
|
|
|
- <div id="img">
|
|
|
- <!-- <img src="./logo.png"
|
|
|
+ <div class="login-background"
|
|
|
+ id="img">
|
|
|
+ <!-- <div id="img"> -->
|
|
|
+ <!-- <img src="./logo.png"
|
|
|
alt="" />-->
|
|
|
- </div>
|
|
|
+ <!-- </div> -->
|
|
|
</div>
|
|
|
<div class="login-content">
|
|
|
<p>账号登录</p>
|
|
|
@@ -153,7 +154,8 @@ export default defineComponent({
|
|
|
const img = document.querySelector('#logo_img') || document.createElement('img');
|
|
|
const obj = {
|
|
|
id: 'logo_img',
|
|
|
- src: './wrLogo.png',
|
|
|
+ src: './pinganLogo.png',
|
|
|
+ style: 'margin-bottom: 180px',
|
|
|
};
|
|
|
Object.assign(img, obj);
|
|
|
document.querySelector('#img')?.appendChild(img);
|
|
|
@@ -237,26 +239,31 @@ export default defineComponent({
|
|
|
box-shadow: 0px 5px 10px 0px rgba(18, 22, 24, 0.18);
|
|
|
.flex();
|
|
|
}
|
|
|
+
|
|
|
.login-background {
|
|
|
width: 275px;
|
|
|
background: url('../../assets/images/logoBackground.png') no-repeat scroll 0 0;
|
|
|
background-size: cover;
|
|
|
+ display: flex;
|
|
|
+ align-items: center;
|
|
|
+ justify-content: center;
|
|
|
div {
|
|
|
- margin-top: 120px;
|
|
|
+ // margin-top: 120px;
|
|
|
// margin-left: 69.5px; // 企业风管logo
|
|
|
- margin-left: 33px; // 云融
|
|
|
+ // margin-left: 33px; // 云融
|
|
|
width: 136px;
|
|
|
height: 136px;
|
|
|
min-width: 136px;
|
|
|
min-height: 136px;
|
|
|
position: relative;
|
|
|
- img {
|
|
|
- max-width: 100%;
|
|
|
- max-height: 100%;
|
|
|
- .position(absolute, 0%, auto, auto, 50%);
|
|
|
- z-index: 10;
|
|
|
- transform: translate(-50%, -50%);
|
|
|
- }
|
|
|
+
|
|
|
+ // img {
|
|
|
+ // max-width: 100%;
|
|
|
+ // max-height: 100%;
|
|
|
+ // .position(absolute, 0%, auto, auto, 50%);
|
|
|
+ // z-index: 10;
|
|
|
+ // transform: translate(-50%, -50%);
|
|
|
+ // }
|
|
|
}
|
|
|
|
|
|
// .ant-btn {
|
huangbin
