|
|
@@ -3,16 +3,24 @@
|
|
|
class="page-login"
|
|
|
:style="backgroundImage"
|
|
|
>
|
|
|
+ <div class="login-left">
|
|
|
+ <img
|
|
|
+ src="http://180.76.117.109:9000/mall4j/2025/09/d3ee9a70ba1e46bbb5c4d0855f5a9f12.png"
|
|
|
+ style="max-height: 98px; max-width: 198px;"
|
|
|
+ >
|
|
|
+ <h2>科技改变产业见证华隆实力</h2>
|
|
|
+ <h4>华隆数智拉面是一家致力于改善拉面产业的数字化采购的标杆平台,推动产业标准化与高质量发展,让每一份优质食材都能精准、快速的从源头直达终端,传递新鲜与品质。</h4>
|
|
|
+ </div>
|
|
|
<div class="login-box">
|
|
|
<div class="top">
|
|
|
<div class="logo">
|
|
|
<img
|
|
|
:src="checkFileUrl(configuration.bsLoginLogoImg)"
|
|
|
- style="max-height: 98px; max-width: 198px"
|
|
|
+ style="max-height:148px; max-width: 300px"
|
|
|
>
|
|
|
- <span class="login-title">
|
|
|
+ <div class="login-title">
|
|
|
{{ configuration.bsTitleContent }}
|
|
|
- </span>
|
|
|
+ </div>
|
|
|
</div>
|
|
|
</div>
|
|
|
<div class="mid">
|
|
|
@@ -179,22 +187,35 @@ const getWebConfigData = () => {
|
|
|
width: 100%;
|
|
|
height: 100%;
|
|
|
background: no-repeat;
|
|
|
- background-size: cover;
|
|
|
+ background-size: cover !important;
|
|
|
position: fixed;
|
|
|
+ .login-left{
|
|
|
+ max-width:38%;
|
|
|
+ position: absolute;
|
|
|
+ left: 5%;
|
|
|
+ top:15%;
|
|
|
+ color:#fff;
|
|
|
+ h2{font-weight: normal;font-size:46px;letter-spacing:4px;margin-top:80px;}
|
|
|
+ h4{font-weight: normal;font-size:18px;letter-spacing:2px;line-height:50px;font-weight: bold;}
|
|
|
+ }
|
|
|
.login-box {
|
|
|
+ width:45%;
|
|
|
position: absolute;
|
|
|
- left: 50%;
|
|
|
- transform: translateX(-50%);
|
|
|
+ right: 5%;
|
|
|
height: 100%;
|
|
|
+ background:#f3f3f3;
|
|
|
padding-top: 10%;
|
|
|
+ padding-left:10%;
|
|
|
+ padding-right:10%;
|
|
|
.top {
|
|
|
margin-bottom: 30px;
|
|
|
text-align: center;
|
|
|
.logo {
|
|
|
font-size: 0;
|
|
|
.login-title {
|
|
|
- font-size: 30px;
|
|
|
- color: #000;
|
|
|
+ font-size: 24px;
|
|
|
+ color: #666;
|
|
|
+ letter-spacing: 3px;
|
|
|
margin: 0.5em 0 0.5em 0.5em;
|
|
|
vertical-align: middle;
|
|
|
}
|
|
|
@@ -220,7 +241,7 @@ const getWebConfigData = () => {
|
|
|
.bottom {
|
|
|
position: absolute;
|
|
|
bottom: 10%;
|
|
|
- width: 100%;
|
|
|
+ width: 50%;
|
|
|
color: #999;
|
|
|
font-size: 12px;
|
|
|
text-align: center;
|