跨域代理

src/app/tabs/home/home.page.html

 <ion-header>
   <ion-toolbar >
-    <ion-button>
       <img class="logo" src="./assets/logo.png">
-    </ion-button>
   </ion-toolbar>
 </ion-header>
 

src/app/tabs/home/home.page.ts

@@ -7,7 +7,8 @@ import { Component, OnInit } from '@angular/core';
 })
 export class HomePage implements OnInit {
 
-  constructor() { }
+  constructor(
+  ) { }
 
   ngOnInit() {
   }

src/app/tabs/mine/mine.page.html

 <ion-header>
-  <ion-toolbar >
-    <ion-button>
+  <ion-toolbar>
     <img class="logo" src="./assets/logo.png">
-    </ion-button>
-    <ion-button slot="end">
+    <span class="span-end" slot="end">
           <ion-icon name="mail"></ion-icon>
           <span class="num">2</span>
-    </ion-button>
+        </span>
   </ion-toolbar>
 </ion-header>
 

src/app/tabs/mine/mine.page.scss

-ion-button{
+ion-toolbar{
+  .span-end{
     position: relative;
     ion-icon{
       font-size: 2.5rem;
+      color: #ffffff;
+      margin-right: 1rem;
     }
     .num{
       position: absolute;
-    top: 3px;
-    right: 11px;
+      top: 0px;
+      right: 6px;
       background-color: #fff;
       padding: 1px 5px;
       color: #e12724;
       font-size: .8rem;
       border-radius: 100px;
     }
+  }
+}
+
+ion-content{
+  font-size: 16px;
 }
 .mine-box{
   border: 1px solid #fee7e7;

src/app/tabs/serve/serve.page.html

 <ion-header>
-  <ion-toolbar >
-    <ion-button>
+    <ion-toolbar>
         <img class="logo" src="./assets/logo.png">
-    </ion-button>
-    <ion-button slot="end">
+        <span class="span-end" slot="end">
           <ion-icon name="mail"></ion-icon>
           <span class="num">2</span>
-    </ion-button>
+        </span>
     </ion-toolbar>
 </ion-header>
 
@@ -24,7 +22,7 @@
         <div class="item3-2" style="background-color:#f8f8f8;" (click)="gotoNotice()">
             <div class="card3" style="width: 15%;">
                 <span *ngIf="hasNew.message == 1" class="img-tips"></span>
-        <img src="./assets/serve/icon-mail.png" >
+                <img src="./assets/serve/icon-mail.png">
             </div>
             <div class="card3" style="width: 75%;">
                 <div class="card3-item" *ngFor="let item of noticeList;">
@@ -41,6 +39,7 @@
 
 
     <div class="item2" style="padding: 0px;">
+        <p class="myApp">我的应用</p>
         <div class="item2-2">
             <div class="card" (click)="goTo('ActivityListPage')">
                 <img src="./assets/serve/icon-bm.png" alt="">

src/app/tabs/serve/serve.page.scss

-ion-button{
+ion-toolbar{
+  .span-end{
     position: relative;
     ion-icon{
       font-size: 2.5rem;
+      color: #ffffff;
+      margin-right: 1rem;
     }
     .num{
       position: absolute;
-    top: 3px;
-    right: 11px;
+      top: 0px;
+      right: 6px;
       background-color: #fff;
       padding: 1px 5px;
       color: #e12724;
       font-size: .8rem;
       border-radius: 100px;
     }
+  }
 }
 
 ion-slides{
@@ -372,3 +376,8 @@ ion-calendar-month .primary .dayOff1.today p{
 button[disabled]{
   opacity: 1;
 }
+.myApp{
+  background: #fff;
+  padding: 10px;
+  font-size: 1.3rem;
+}
\ No newline at end of file

src/app/tabs/serve/serve.page.ts

@@ -14,7 +14,7 @@ import {Router} from "@angular/router";
   templateUrl: './serve.page.html',
   styleUrls: ['./serve.page.scss'],
 })
-export class ServePage implements OnInit {
+export class ServePage {
 
   slideOpts = {
     initialSlide: 1,
@@ -65,15 +65,12 @@ export class ServePage implements OnInit {
 
   }
 
-  ngOnInit(): void {
-    this.appService.ObserverHttpGet("/wisdomgroup/modules/message/findAllActivityForAppWithXQ", null).subscribe((res: Response) => {
-      // this.noticeList = res.json().slice(0, 2);
-    }, error => {
-      this.commonSer.alert('系统错误！');
-    });
-  }
-
   ionViewDidEnter() {
+    this.tabsSer.findAllActivityForAppWithXQ().subscribe(
+        (res)=>{
+          this.noticeList = res.slice(0, 2);
+        }
+    )
     //获取权限
     this.getRole();
     //获取消息数量
@@ -85,11 +82,13 @@ export class ServePage implements OnInit {
   ionViewWillEnter() {
     this.slidersItems = [];
     this.getHasNew();
-    //初始化日期
-    this.appService.ObserverHttpGet("/wisdomgroup/modules/common/file/getBanner", {}).subscribe((res: Response) => {
-      // this.slidersItems = res.json();
-    }, error => {
-    })
+    //轮播图
+    this.tabsSer.getBanner().subscribe(
+        (res)=>{
+          this.slidersItems = res;
+          console.log(this.slidersItems)
+        }
+    )
 
   }
 

src/app/tabs/tabs.service.ts

@@ -13,10 +13,20 @@ export class TabsService{
         private https:Http,    //该请求不转json
     ){}
 
+    //登录
     loginpost(data): Observable<any>{
         return this.http.post(environment.domain+'/wisdomgroup/app/loginpost?'+this.commonSer.toQuery(data),null)
     }
 
+    //获取消息
+    findAllActivityForAppWithXQ(): Observable<any>{
+        return this.http.get(environment.domain+'/wisdomgroup/modules/message/findAllActivityForAppWithXQ')
+    }
+
+    getBanner(): Observable<any>{
+        return this.http.get(environment.domain+'/wisdomgroup/modules/common/file/getBanner')
+    }
+
     //获取权限
     getRoles(): Observable<any>{
         return this.http.get(environment.domain +'/wisdomgroup/app/getRoles', );

src/theme/app.scss

@@ -20,7 +20,8 @@ th, td /* table elements 表格元素 */ {
   padding: 0;
 }
 .logo{
-  height: 3rem;
+  height: 2.5rem;
+  margin-left: 1rem;
 }
 .space{
   height: .5rem;