|
|
@@ -1,12 +1,14 @@
|
|
|
<template>
|
|
|
<div>
|
|
|
<div class="city">
|
|
|
- <div class="container" v-bind:style="{ background: `url(${loginStyle.rebgUrl}) center center/100% 100% no-repeat` }">
|
|
|
- <div class="go">
|
|
|
- <div class="content">
|
|
|
- <img src="/images/all/success.png" alt=""/> 恭喜您注册完成!
|
|
|
+ <div class="container">
|
|
|
+ <div class="bgImg" v-bind:style="{ background: `url(${loginStyle.rebgUrl}) center center/100% 100% no-repeat` }">
|
|
|
+ <div class="go">
|
|
|
+ <div class="content">
|
|
|
+ <img src="/images/all/success.png" alt=""/> 恭喜您注册完成!
|
|
|
+ </div>
|
|
|
+ <a :href="(loginStyle && loginStyle.returnHomeUrl) ? JSON.parse(loginStyle.returnHomeUrl).url : ''" class="btn">跳转至产城门户</a>
|
|
|
</div>
|
|
|
- <a :href="(loginStyle && loginStyle.returnHomeUrl) ? JSON.parse(loginStyle.returnHomeUrl).url : ''" class="btn">跳转至产城门户</a>
|
|
|
</div>
|
|
|
</div>
|
|
|
</div>
|
|
|
@@ -30,34 +32,38 @@
|
|
|
.city{
|
|
|
margin: 0 auto;
|
|
|
text-align: center;
|
|
|
- .container{
|
|
|
- padding: 100px 0 200px!important ;
|
|
|
+ .container {
|
|
|
width: 100%;
|
|
|
- }
|
|
|
- .go{
|
|
|
- margin: 0 auto;
|
|
|
- width: 605px;
|
|
|
- height: 290px;
|
|
|
- text-align: center;
|
|
|
- border-radius: 24px;
|
|
|
- background: rgba(255,255,255,.7);
|
|
|
- .content{
|
|
|
- padding-top: 65px;
|
|
|
- font-size: 48px;
|
|
|
- color: #000;
|
|
|
- letter-spacing: 1.43px;
|
|
|
- img{
|
|
|
- margin-right: 33px;
|
|
|
+ .bgImg {
|
|
|
+ padding-top: 120px;
|
|
|
+ width: 100%;
|
|
|
+ min-height: 670px;
|
|
|
+ .go {
|
|
|
+ margin: 0 auto;
|
|
|
+ width: 395px;
|
|
|
+ height: 205px;
|
|
|
+ text-align: center;
|
|
|
+ border-radius: 24px;
|
|
|
+ background: rgba(255, 255, 255, 0.7);
|
|
|
+ .content {
|
|
|
+ padding-top: 25px;
|
|
|
+ font-size: 28px;
|
|
|
+ color: #000;
|
|
|
+ letter-spacing: 1.43px;
|
|
|
+ img {
|
|
|
+ margin-right: 33px;
|
|
|
+ }
|
|
|
+ }
|
|
|
}
|
|
|
}
|
|
|
}
|
|
|
.btn{
|
|
|
- margin-top: 52px;
|
|
|
+ margin-top: 39px;
|
|
|
display: inline-block;
|
|
|
- width: 428px;
|
|
|
- height: 72px;
|
|
|
- line-height: 72px;
|
|
|
- font-size: 28px;
|
|
|
+ width: 240px;
|
|
|
+ height: 46px;
|
|
|
+ line-height: 46px;
|
|
|
+ font-size: 22px;
|
|
|
color: #fff;
|
|
|
background: #237594;
|
|
|
}
|