sass登录

app.html

@@ -6,7 +6,7 @@
   <link rel="stylesheet" type="text/css" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css"/>
   <link rel="stylesheet" href="https://unpkg.com/element-ui/lib/theme-chalk/index.css">
   <link rel="stylesheet" href="https://unpkg.com/mint-ui/lib/style.css">
-  <link rel="stylesheet" type="text/css" href="https://at.alicdn.com/t/font_921977_p15nnv7y5hs.css"/>
+  <link rel="stylesheet" type="text/css" href="https://at.alicdn.com/t/font_921977_wzqwtx4i39h.css"/>
   <!--<script src="https://wechatfe.github.io/vconsole/lib/vconsole.min.js?v=3.2.0"></script>-->
   <!--<script src="https://biheopen.bgycc.com/cordova-android.js"></script>-->
   <script src="https://res.wx.qq.com/connect/zh_CN/htmledition/js/wxLogin.js"></script>

pages/sassLogin/register.vue

@@ -1,7 +1,7 @@
 <template>
   <div class="go-register register">
     <div class="container">
-      <div class="content">
+      <div class="content" v-if="!isSuccess">
         <div class="content-top">
           <h3>注册</h3>
         </div>
@@ -47,6 +47,12 @@
           </el-form>
         </div>
       </div>
+      <div class="content" v-else>
+        <div class="register-success">
+          <i class="iconfont icon-zhucechenggong1"></i>
+          <p>注册成功</p>
+        </div>
+      </div>
       <div class="login">已有账号？<a :href="returnLogin">立即登录</a></div>
       <loading v-show="isShowLoading"/>
     </div>
@@ -190,6 +196,7 @@
         }
       }
       return {
+        isSuccess: true,
         speediness: false,
         ImgCode: '',
         item: {
@@ -263,7 +270,7 @@
       checkboxChecked () {
         this.checked = !this.checked
       },
-      // 快速登录
+      // 快速注册
       waySubmit () {
         if (this.mobileChecked && this.codeChecked && this.checked) {
           this.isShowLoading = true
@@ -425,26 +432,30 @@
           })
         })
       },
-      crossAfter (url) {
-        try {
-          window.location.href = url
-        } catch (err) {
-          console.log(err)
-        }
-      },
+      // crossAfter (url) {
+      //   try {
+      //     window.location.href = url
+      //   } catch (err) {
+      //     console.log(err)
+      //   }
+      // },
       loginOther (response, a, timeout) {
-        const crossAfter = this.crossAfter
+        // const crossAfter = this.crossAfter
         let promises = []
         for (let i in response.data.content.loginUrls) {
           if (response.data.content.currentUrl !== response.data.content.loginUrls[i]) {
             promises.push(this.getJsonp(`${response.data.content.loginUrls[i]}?${a}`))
           }
         }
-        let returnUrl = decodeURIComponent(this.$route.query.returnURL)
+        // let returnUrl = decodeURIComponent(this.$route.query.returnURL)
         Promise.all(promises).then(() => {
-          crossAfter(returnUrl || 'http://www.ubtob.com', timeout)
+          this.isSuccess = false
+          this.isShowLoading = false
+          // crossAfter(returnUrl || 'http://www.ubtob.com', timeout)
         }).catch(() => {
-          crossAfter(returnUrl || 'http://www.ubtob.com', timeout)
+          this.isSuccess = false
+          this.isShowLoading = false
+          // crossAfter(returnUrl || 'http://www.ubtob.com', timeout)
         })
       },
       loginCityOther (response, a, timeout) {
@@ -480,6 +491,20 @@
         margin: 50px auto 0;
         width: 100%;
         text-align: center;
+        .register-success {
+          padding-top: 40px;
+          width: 100%;
+          height: 380px;
+          i.icon-zhucechenggong1{
+            font-size: 148px;
+            color: #00BB00;
+          }
+          p{
+            margin-top: 20px;
+            font-size: 28px;
+            color: #333;
+          }
+        }
         .content-top{
           position: relative;
           height: 80px;