添加过渡

questionnaire/src/app/app.component.ts

-import {Component, OnInit} from '@angular/core';
-import {CommonService} from "./common.service";
+import { Component, OnInit } from '@angular/core';
+import { CommonService } from "./common.service";
 
 @Component({
   selector: 'app-root',
@@ -12,11 +12,15 @@ export class AppComponent implements OnInit {
   }
 
   ngOnInit() {
-    if (!this.commonService.getQueryString('t_reload')) {
-      let {search, href} = window.location;
-      href = href.replace(/&?t_reload=(\d+)/g, '');
-      window.location.href = href + (search ? '&' : '?') + 't_reload=' + new Date().getTime();
-    }
+    setTimeout(() => {
+      if (!this.commonService.getQueryString('t_reload')) {
+        let { search, href } = window.location;
+        href = href.replace(/&?t_reload=(\d+)/g, '');
+        window.location.href = href + (search ? '&' : '?') + 't_reload=' + new Date().getTime();
+      }
+    }, 300)
+
+    console.log(this.commonService.getQueryString('t_reload'))
     let customerId = this.commonService.getQueryString('customerId');
     const double12_customerInfo = localStorage.getItem('double12_customerInfo') ? JSON.parse(localStorage.getItem('double12_customerInfo')) : null;
     if (double12_customerInfo) {

questionnaire/src/app/common.service.ts

-import {Injectable} from '@angular/core';
-import {environment} from './../environments/environment';
-import {HttpClient, HttpHeaders} from '@angular/common/http';
-import {Subject} from "rxjs/index";
+import { Injectable } from '@angular/core';
+import { environment } from './../environments/environment';
+import { HttpClient, HttpHeaders } from '@angular/common/http';
+import { Subject } from "rxjs/index";
 @Injectable({
   providedIn: 'root'
 })
@@ -65,7 +65,7 @@ export class CommonService {
     const res = await this.obtainToken();
     this.httpOptions.headers = this.httpOptions.headers.set('X-Authorization', res['data']['token']);
     return this.http
-      .post(url, JSON.stringify({orderId: orderId}), this.httpOptions).toPromise().then(response => {
+      .post(url, JSON.stringify({ orderId: orderId }), this.httpOptions).toPromise().then(response => {
         return response;
       });
   }

questionnaire/src/app/transit/transit.component.html

 <div class="limbo">
-  <div class="title" *ngIf="!picFlag">
-    <img src="assets/images/bg_1.png"/>
-  </div>
-  <div class="specialWrapper" *ngIf="picFlag">
-    <div class="specialContent part1">
-      <div class="gifts">
-        福利1
+  <img *ngIf="advFlag" src="assets/images/first.jpg">
+  <div *ngIf="!advFlag">
+    <div class="title" *ngIf="!picFlag">
+      <img src="assets/images/bg_1.png" />
+    </div>
+    <div class="specialWrapper" *ngIf="picFlag">
+      <div class="specialContent part1">
+        <div class="gifts">
+          福利1
+        </div>
+        <div>
+          <!-- <span class="iconfont">&#xe625;</span> -->
+          <span style="color: #ec2d37;">平安意外险领取成功</span>
+        </div>
       </div>
-      <div>
-        <!-- <span class="iconfont">&#xe625;</span> -->
-        <span style="color: #ec2d37;">平安意外险领取成功</span>
+      <div class="specialContent part2">
+        <div class="gifts">福利2</div>
+        <div>家庭风险咨询服务</div>
+        <div>（￥199）</div>
+        <ul class="part3">
+          <li><span class="iconfont">&#xe62e;</span>所有家庭成员风险分析</li>
+          <li><span class="iconfont">&#xe62e;</span>定制保险方案</li>
+          <li><span class="iconfont">&#xe62e;</span>投保理赔协助</li>
+        </ul>
       </div>
     </div>
-    <div class="specialContent part2">
-      <div class="gifts">福利2</div>
-      <div>家庭风险咨询服务</div>
-      <div>（￥199）</div>
-      <ul class="part3">
-        <li><span class="iconfont">&#xe62e;</span>所有家庭成员风险分析</li>
-        <li><span class="iconfont">&#xe62e;</span>定制保险方案</li>
-        <li><span class="iconfont">&#xe62e;</span>投保理赔协助</li>
-      </ul>
+    <div class="tips" *ngIf="picFlag">
+      <span style="color:red;">*</span>
+      <span>了解一下您的家庭情况</span>
     </div>
-  </div>
-  <div class="tips" *ngIf="picFlag">
-    <span style="color:red;">*</span>
-    <span>了解一下您的家庭情况</span>
-  </div>
-  <div *ngIf="deviceType === 3" style="display: flex;justify-content: flex-end;margin: 10px 0;">
-    <div class="share" (click)="wxShare()">
-      <div style="width: 20px"><img src="assets/images/shareBtn.png" alt=""></div>
-      <span>分享给朋友</span>
+    <div *ngIf="deviceType === 3" style="display: flex;justify-content: flex-end;margin: 10px 0;">
+      <div class="share" (click)="wxShare()">
+        <div style="width: 20px"><img src="assets/images/shareBtn.png" alt=""></div>
+        <span>分享给朋友</span>
+      </div>
+    </div>
+    <div class="tips" *ngIf="!picFlag">
+      <span style="color:red;">*</span>
+      <span>本问卷大约需要1分钟</span>
+    </div>
+    <div class="footer" routerLink="/family">
+      <div>开始评测</div>
     </div>
   </div>
-  <div class="tips" *ngIf="!picFlag">
-    <span style="color:red;">*</span>
-    <span>本问卷大约需要1分钟</span>
-  </div>
-  <div class="footer" routerLink="/family">
-    <div>开始评测</div>
-  </div>
+
 </div>
 
 <!--分享引导页-->
@@ -56,4 +60,4 @@
 <!--分享成功弹窗-->
 <div class="dialog" *ngIf="alertFlag">
   <span style="margin-top: -60%;font-size: 22px">{{dialogTips}}</span>
-</div>
+</div>
\ No newline at end of file

questionnaire/src/app/transit/transit.component.ts

-import {ChangeDetectorRef, Component, OnInit} from '@angular/core';
-import {CommonService} from "../common.service";
-import {ActivatedRoute} from "@angular/router";
-import {environment} from "../../environments/environment";
+import { ChangeDetectorRef, Component, OnInit } from '@angular/core';
+import { CommonService } from "../common.service";
+import { ActivatedRoute } from "@angular/router";
+import { environment } from "../../environments/environment";
 import set = Reflect.set;
 declare const wx: any;
 @Component({
@@ -16,7 +16,7 @@ export class TransitComponent implements OnInit {
   customerId: string;
   deviceType: number;
   dialogTips: string;
-
+  advFlag: boolean = true;
   constructor(private commonService: CommonService, private activatedRoute: ActivatedRoute, private changeDetectorRef: ChangeDetectorRef) {
   }
 
@@ -34,9 +34,12 @@ export class TransitComponent implements OnInit {
     if (this.deviceType === 3) {
       this.configWX();
     }
+    setTimeout(() => {
+      this.advFlag = false;
+    }, 1000)
   }
 
-//  分享给朋友
+  //  分享给朋友
   wxShare() {
     this.wxShareFlag = true;
     if (this.customerId) {