主播审核通过

projects/live-app/src/app/components/pay-comp/pay-comp.component.html

@@ -28,7 +28,7 @@
             <div class="checkbox"></div>
           </div>
         </div>
-        <div class="bar"></div>
+        <!-- <div class="bar"></div>
         <div class="row" (click)="onchangPay('alipay')">
           <div class="label">
             <img src="img/pay_alipay.png" alt="" class="icon" />
@@ -42,7 +42,7 @@
           >
             <div class="checkbox"></div>
           </div>
-        </div>
+        </div> -->
       </div>
       <div class="pay-footer">
         <div class="order-num">订单编号{{ tradeNo }}</div>

projects/live-app/src/modules/tabs/home/home.component.scss

@@ -24,6 +24,9 @@
         color: white;
         --indicator-color: white;
       }
+      ::-webkit-scrollbar {
+        display: none; /* Chrome Safari */
+      }
       .more {
         width: 100px;
         margin: 0 10px;

projects/live-app/src/modules/tabs/my/my.component.html

@@ -162,66 +162,84 @@
       <div class="li" (click)="toUrl('/user/certification')">
         <div class="li-lable">
           <img src="img/实名 (2).png" alt="" class="icon" />
+        </div>
+        <div class="li-val">
           实名认证
+          <ion-icon name="chevron-forward-outline"></ion-icon>
         </div>
-        <ion-icon name="chevron-forward-outline"></ion-icon>
       </div>
       <div class="li" (click)="toUrl('/user/anchor')">
         <div class="li-lable">
           <img src="img/成为主播.png" alt="" class="icon" />
+        </div>
+        <div class="li-val">
           成为主播
+          <ion-icon name="chevron-forward-outline"></ion-icon>
         </div>
-        <ion-icon name="chevron-forward-outline"></ion-icon>
       </div>
       <div class="li" (click)="goRoom()">
         <div class="li-lable">
           <img src="img/直播.png" alt="" class="icon" />
+        </div>
+        <div class="li-val">
           直播间管理
+          <ion-icon name="chevron-forward-outline"></ion-icon>
         </div>
-        <ion-icon name="chevron-forward-outline"></ion-icon>
       </div>
       <div class="li" (click)="showAgreement('registerAgreement')">
         <div class="li-lable">
           <img src="img/隐私.png" alt="" class="icon" />
+        </div>
+        <div class="li-val">
           隐私协议
+          <ion-icon name="chevron-forward-outline"></ion-icon>
         </div>
-        <ion-icon name="chevron-forward-outline"></ion-icon>
       </div>
       <div class="li" (click)="toUrl('user/feedback')">
         <div class="li-lable">
           <img src="img/意见反馈.png" alt="" class="icon" />
+        </div>
+        <div class="li-val">
           意见反馈
+          <ion-icon name="chevron-forward-outline"></ion-icon>
         </div>
-        <ion-icon name="chevron-forward-outline"></ion-icon>
       </div>
       <div class="li">
         <div class="li-lable">
           <img src="img/在线客服.png" alt="" class="icon" />
+        </div>
+        <div class="li-val">
           在线客服
+          <ion-icon name="chevron-forward-outline"></ion-icon>
         </div>
-        <ion-icon name="chevron-forward-outline"></ion-icon>
       </div>
       <div class="li" (click)="showAgreement('liveAgreement')">
         <div class="li-lable">
           <img src="img/签署协议.png" alt="" class="icon" />
+        </div>
+        <div class="li-val">
           直播协议
+          <ion-icon name="chevron-forward-outline"></ion-icon>
         </div>
-        <ion-icon name="chevron-forward-outline"></ion-icon>
       </div>
       <div class="li" (click)="onLogout()">
         <div class="li-lable">
           <img src="img/退出登录.png" alt="" class="icon" />
+        </div>
+        <div class="li-val">
           退出登录
+          <ion-icon name="chevron-forward-outline"></ion-icon>
         </div>
-        <ion-icon name="chevron-forward-outline"></ion-icon>
       </div>
       <!-- @for (item of settings; track $index) {
       <div class="li">
         <div class="li-lable">
           <img [src]="item.icon" alt="" class="icon" />
+        </div>
+        <div class="li-val">
           {{ item.title }}
+          <ion-icon name="chevron-forward-outline"></ion-icon>
         </div>
-        <ion-icon name="chevron-forward-outline"></ion-icon>
       </div>
       } -->
     </div>

projects/live-app/src/modules/tabs/my/my.component.scss

@@ -23,6 +23,7 @@
           width: 60px;
           height: 60px;
           // margin-right: 10px;
+          border-radius: 50%;
         }
       }
 
@@ -130,20 +131,20 @@
       padding: 2px 4px;
       border-radius: 4px;
     }
-    .my-vip{
+    .my-vip {
       display: flex;
       justify-content: space-between;
       width: 100%;
-      .lable{
+      .lable {
         display: flex;
         align-items: center;
-        img{
+        img {
           width: 20px;
           height: 20px;
           margin-left: 6px;
         }
       }
-      .vip-date{
+      .vip-date {
         color: #434343;
         display: flex;
         align-items: center;
@@ -243,24 +244,24 @@
             color: #fd4800;
           }
         }
-        .user-detail2{
+        .user-detail2 {
           background: #f9bc66;
           width: 100%;
           height: 40px;
           border-radius: 4px 0 0 4px;
         }
-        .user-detail1{
+        .user-detail1 {
           background: #ffc36f;
           width: 100%;
           height: 50px;
-          border-radius: 4px 4px 0 0 ;
+          border-radius: 4px 4px 0 0;
           box-shadow: rgba(17, 12, 46, 0.15) 0px -15px 100px 0px;
         }
-        .user-detail3{
+        .user-detail3 {
           background: #fdd7a2;
           width: 100%;
           height: 30px;
-          border-radius: 0 4px 4px 0 ;
+          border-radius: 0 4px 4px 0;
         }
       }
     }
@@ -350,8 +351,15 @@
             margin-right: 10px;
           }
         }
-        ion-icon {
-          color: #666666;
+        .li-val {
+          display: flex;
+          justify-content: space-between;
+          flex: 1;
+          border-bottom: 1px solid #efefef;
+          padding-bottom: 4px;
+          ion-icon {
+            color: #666666;
+          }
         }
       }
     }

projects/live-app/src/modules/tabs/tabs/tabs.component.ts

@@ -28,7 +28,7 @@ export class TabsComponent implements OnInit {
     // private connectTask: ConnectTaskService
   ) {
     this.activateRoute.paramMap.subscribe(async (params) => {
-      this.active = Number(localStorage.getItem('active')) || 0;
+      this.active = Number(localStorage.getItem('active')) ?? 0;
       await this.presentAlert();
       // this.connectTask.init();
     });

projects/live-app/src/services/auth.guard.ts

@@ -37,7 +37,8 @@ export class AuthGuard implements CanActivate {
       return false;
     }
     let p = localStorage.getItem('profile');
-    if (url !== '/user/certification' && (!p || !JSON.parse(p)?.isCross)) {
+    let missPaths = ['/user/certification','tabs/home'];
+    if (missPaths.includes(url) && (!p || !JSON.parse(p)?.isCross)) {
       this.alertModal();
     }
     return true;

projects/live-app/src/services/auth.service.ts

@@ -37,6 +37,7 @@ export class AuthService {
             Parse.User.become(authData)
               .then(async (data) => {
                 // console.log(data);
+                await this.connectTask.init();
                 this.redirectUrl = this.redirectUrl ? this.redirectUrl : 'tabs';
                 this.router.navigate([this.redirectUrl]);
                 resolve(data);