fix:big

AIart-app/angular.json

@@ -31,7 +31,10 @@
                 "output": "assets"
               }
             ],
-            "styles": ["src/global.scss", "src/theme/variables.scss"],
+            "styles": [
+              "src/global.scss",
+              "src/theme/variables.scss"
+            ],
             "scripts": []
           },
           "configurations": {
@@ -106,7 +109,10 @@
                 "output": "assets"
               }
             ],
-            "styles": ["src/global.scss", "src/theme/variables.scss"],
+            "styles": [
+              "src/global.scss",
+              "src/theme/variables.scss"
+            ],
             "scripts": []
           },
           "configurations": {
@@ -119,14 +125,20 @@
         "lint": {
           "builder": "@angular-eslint/builder:lint",
           "options": {
-            "lintFilePatterns": ["src/**/*.ts", "src/**/*.html"]
+            "lintFilePatterns": [
+              "src/**/*.ts",
+              "src/**/*.html"
+            ]
           }
         }
       }
     }
   },
   "cli": {
-    "schematicCollections": ["@ionic/angular-toolkit"]
+    "schematicCollections": [
+      "@ionic/angular-toolkit"
+    ],
+    "analytics": false
   },
   "schematics": {
     "@ionic/angular-toolkit:component": {
@@ -142,4 +154,4 @@
       "setParserOptionsProject": true
     }
   }
-}
+}

AIart-app/package-lock.json

@@ -24,6 +24,7 @@
         "@ionic/angular": "^8.0.0",
         "ionicons": "^7.2.1",
         "rxjs": "~7.8.0",
+        "swiper": "^11.1.15",
         "tslib": "^2.3.0",
         "zone.js": "~0.14.2"
       },
@@ -16194,6 +16195,25 @@
         "url": "https://github.com/sponsors/ljharb"
       }
     },
+    "node_modules/swiper": {
+      "version": "11.1.15",
+      "resolved": "https://registry.npmmirror.com/swiper/-/swiper-11.1.15.tgz",
+      "integrity": "sha512-IzWeU34WwC7gbhjKsjkImTuCRf+lRbO6cnxMGs88iVNKDwV+xQpBCJxZ4bNH6gSrIbbyVJ1kuGzo3JTtz//CBw==",
+      "funding": [
+        {
+          "type": "patreon",
+          "url": "https://www.patreon.com/swiperjs"
+        },
+        {
+          "type": "open_collective",
+          "url": "http://opencollective.com/swiper"
+        }
+      ],
+      "license": "MIT",
+      "engines": {
+        "node": ">= 4.7.0"
+      }
+    },
     "node_modules/symbol-observable": {
       "version": "4.0.0",
       "resolved": "https://registry.npmmirror.com/symbol-observable/-/symbol-observable-4.0.0.tgz",

AIart-app/package.json

@@ -29,6 +29,7 @@
     "@ionic/angular": "^8.0.0",
     "ionicons": "^7.2.1",
     "rxjs": "~7.8.0",
+    "swiper": "^11.1.15",
     "tslib": "^2.3.0",
     "zone.js": "~0.14.2"
   },

AIart-app/src/app/edit-tag/edit-tag.component.html

@@ -0,0 +1,5 @@
+<ion-input [value]="textResult" (ionInput)="userInput($event)" type="text" placeholder="请输入内容"></ion-input>
+<p>当前输入：{{textResult}}</p> <ion-button (click)="Add_tags()">添加标签</ion-button>
+@for (tag of user_tag;track tag) {
+<ion-chip>{{tag}}<span (click)="Delete_tag(tag)">&nbsp;x</span></ion-chip>
+}

AIart-app/src/app/edit-tag/edit-tag.component.spec.ts

@@ -0,0 +1,22 @@
+import { ComponentFixture, TestBed, waitForAsync } from '@angular/core/testing';
+
+import { EditTagComponent } from './edit-tag.component';
+
+describe('EditTagComponent', () => {
+  let component: EditTagComponent;
+  let fixture: ComponentFixture<EditTagComponent>;
+
+  beforeEach(waitForAsync(() => {
+    TestBed.configureTestingModule({
+      imports: [EditTagComponent],
+    }).compileComponents();
+
+    fixture = TestBed.createComponent(EditTagComponent);
+    component = fixture.componentInstance;
+    fixture.detectChanges();
+  }));
+
+  it('should create', () => {
+    expect(component).toBeTruthy();
+  });
+});

AIart-app/src/app/edit-tag/edit-tag.component.ts

@@ -0,0 +1,30 @@
+import { Component, input, OnInit } from '@angular/core';
+import { IonInput, IonButton, IonChip } from '@ionic/angular/standalone';
+@Component({
+  selector: 'edit-tag',
+  templateUrl: './edit-tag.component.html',
+  styleUrls: ['./edit-tag.component.scss'],
+  standalone: true,
+  imports: [IonInput, IonButton, IonChip],
+})
+export class EditTagComponent implements OnInit {
+
+  user_tag: Array<string> = []
+  textResult: string = ""
+  userInput(ev: any) {
+    console.log(ev)
+    this.textResult = ev.detail.value
+  }
+  Add_tags() {
+    this.user_tag.push(this.textResult)
+    this.textResult = ""
+  }
+  Delete_tag(tag: string) {
+    let idx = this.user_tag.findIndex(item => item == this.textResult)
+    this.user_tag.splice(idx, 1)
+  }
+  constructor() { }
+
+  ngOnInit() { }
+
+}

AIart-app/src/app/interest-test/interest-test.component.html

@@ -0,0 +1 @@
+<p>nihao</p>

AIart-app/src/app/interest-test/interest-test.component.spec.ts

@@ -0,0 +1,22 @@
+import { ComponentFixture, TestBed, waitForAsync } from '@angular/core/testing';
+
+import { InterestTestComponent } from './interest-test.component';
+
+describe('InterestTestComponent', () => {
+  let component: InterestTestComponent;
+  let fixture: ComponentFixture<InterestTestComponent>;
+
+  beforeEach(waitForAsync(() => {
+    TestBed.configureTestingModule({
+      imports: [InterestTestComponent],
+    }).compileComponents();
+
+    fixture = TestBed.createComponent(InterestTestComponent);
+    component = fixture.componentInstance;
+    fixture.detectChanges();
+  }));
+
+  it('should create', () => {
+    expect(component).toBeTruthy();
+  });
+});

AIart-app/src/app/interest-test/interest-test.component.ts

@@ -0,0 +1,15 @@
+import { Component, OnInit } from '@angular/core';
+
+@Component({
+  selector: 'app-interest-test',
+  templateUrl: './interest-test.component.html',
+  styleUrls: ['./interest-test.component.scss'],
+  standalone: true,
+})
+export class InterestTestComponent  implements OnInit {
+
+  constructor() { }
+
+  ngOnInit() {}
+
+}

AIart-app/src/app/tab1/tab1.page.html

@@ -17,17 +17,21 @@
   </div>
   <div>
     <!-- 首部导航栏部分开始 -->
-    <ion-toolbar style="height: 40px;">
+    <ion-toolbar style="height: 40px;padding-left: 5px;">
       <ion-tabs>
         <ion-tab-bar slot="top">
           <ion-tab-button tab="home">
             <ion-label>首页</ion-label>
           </ion-tab-button>
+          <ion-tab-button tab="psychology">
+            <ion-label>心理成长区</ion-label>
+          </ion-tab-button>
           <ion-tab-button tab="course">
             <ion-label>课程</ion-label>
           </ion-tab-button>
-          <ion-tab-button tab="test">
+          <ion-tab-button tab="test" class="rounded-rectangle" (click)="goToInterestTest()">
             <ion-label>兴趣测试</ion-label>
+            <ion-ripple-effect></ion-ripple-effect>
           </ion-tab-button>
           <ion-tab-button tab="ebook">
             <ion-label>电子书</ion-label>
@@ -108,7 +112,7 @@
       最近在学
     </div>
     <div class="under_slide">
-      <ion-label>查看全部</ion-label>
+      <ion-label (click)="goToViewAll()">查看全部</ion-label>
       <ion-ripple-effect></ion-ripple-effect>
       <ion-icon name="chevron-forward-outline"></ion-icon>
     </div>

AIart-app/src/app/tab1/tab1.page.spec.ts

@@ -15,4 +15,5 @@ describe('Tab1Page', () => {
   it('should create', () => {
     expect(component).toBeTruthy();
   });
+
 });

AIart-app/src/app/tab1/tab1.page.ts

@@ -6,6 +6,7 @@ import {
   IonBackButton
 } from '@ionic/angular/standalone';
 import { ExploreContainerComponent } from '../explore-container/explore-container.component';
+import { Router } from '@angular/router';
 
 
 @Component({
@@ -19,5 +20,11 @@ import { ExploreContainerComponent } from '../explore-container/explore-containe
     IonRippleEffect, IonBackButton],
 })
 export class Tab1Page {
-  constructor() { }
+  constructor(private router: Router) { }
+  goToInterestTest() {
+    this.router.navigate(['/tabs/interest-test'])
+  }
+  goToViewAll() {
+    this.router.navigate(['/tabs/view-all'])
+  }
 }

AIart-app/src/app/tab2/tab2.page.html

@@ -7,11 +7,5 @@
 </ion-header>
 
 <ion-content [fullscreen]="true">
-  <ion-header collapse="condense">
-    <ion-toolbar>
-      <ion-title size="large">Tab 2</ion-title>
-    </ion-toolbar>
-  </ion-header>
-
-  <app-explore-container name="Tab 2 page"></app-explore-container>
+  <edit-tag></edit-tag>
 </ion-content>

AIart-app/src/app/tab2/tab2.page.ts

@@ -1,16 +1,17 @@
 import { Component } from '@angular/core';
 import { IonHeader, IonToolbar, IonTitle, IonContent } from '@ionic/angular/standalone';
 import { ExploreContainerComponent } from '../explore-container/explore-container.component';
+import { EditTagComponent } from '../edit-tag/edit-tag.component'
 
 @Component({
   selector: 'app-tab2',
   templateUrl: 'tab2.page.html',
   styleUrls: ['tab2.page.scss'],
   standalone: true,
-  imports: [IonHeader, IonToolbar, IonTitle, IonContent, ExploreContainerComponent]
+  imports: [IonHeader, IonToolbar, IonTitle, IonContent, ExploreContainerComponent, EditTagComponent]
 })
 export class Tab2Page {
 
-  constructor() {}
+  constructor() { }
 
 }

AIart-app/src/app/tabs/tabs.routes.ts

@@ -31,6 +31,16 @@ export const routes: Routes = [
         loadComponent: () =>
           import('../tab5/tab5.page').then((m) => m.tab5Page),
       },
+      {
+        path: 'interest-test',
+        loadComponent: () =>
+          import('../interest-test/interest-test.component').then((m) => m.InterestTestComponent),
+      },
+      {
+        path: 'view-all',
+        loadComponent: () =>
+          import('../view-all/view-all.component').then((m) => m.ViewAllComponent),
+      },
       {
         path: '',
         redirectTo: '/tabs/tab1',

AIart-app/src/app/view-all/view-all.component.html

@@ -0,0 +1,3 @@
+<p>
+  view-all works!
+</p>

AIart-app/src/app/view-all/view-all.component.spec.ts

@@ -0,0 +1,22 @@
+import { ComponentFixture, TestBed, waitForAsync } from '@angular/core/testing';
+
+import { ViewAllComponent } from './view-all.component';
+
+describe('ViewAllComponent', () => {
+  let component: ViewAllComponent;
+  let fixture: ComponentFixture<ViewAllComponent>;
+
+  beforeEach(waitForAsync(() => {
+    TestBed.configureTestingModule({
+      imports: [ViewAllComponent],
+    }).compileComponents();
+
+    fixture = TestBed.createComponent(ViewAllComponent);
+    component = fixture.componentInstance;
+    fixture.detectChanges();
+  }));
+
+  it('should create', () => {
+    expect(component).toBeTruthy();
+  });
+});

AIart-app/src/app/view-all/view-all.component.ts

@@ -0,0 +1,15 @@
+import { Component, OnInit } from '@angular/core';
+
+@Component({
+  selector: 'app-view-all',
+  templateUrl: './view-all.component.html',
+  styleUrls: ['./view-all.component.scss'],
+  standalone: true,
+})
+export class ViewAllComponent  implements OnInit {
+
+  constructor() { }
+
+  ngOnInit() {}
+
+}