Browse Source

产城注册完成样式调整

hangb 7 years ago
parent
commit
bf556e2d81
2 changed files with 33 additions and 27 deletions
  1. 33 27
      components/register/CityRegisterOver.vue
  2. BIN
      static/images/all/sucess.png

+ 33 - 27
components/register/CityRegisterOver.vue

@@ -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;
     }

BIN
static/images/all/sucess.png