reUpdate1

src/app/detail-page/detail-page.page.ts

@@ -12,7 +12,7 @@ export class DetailPagePage implements OnInit {
 
   
   poem = {  
-    title: '静夜思',  
+    title: '',  
     dynasty: '',  
     author: '',  
     content: `  

src/app/detail-tz/detail-tz-routing.module.ts

@@ -1,17 +0,0 @@
-import { NgModule } from '@angular/core';
-import { Routes, RouterModule } from '@angular/router';
-
-import { DetailTZPage } from './detail-tz.page';
-
-const routes: Routes = [
-  {
-    path: '',
-    component: DetailTZPage
-  }
-];
-
-@NgModule({
-  imports: [RouterModule.forChild(routes)],
-  exports: [RouterModule],
-})
-export class DetailTZPageRoutingModule {}

src/app/detail-tz/detail-tz.module.ts

@@ -1,20 +0,0 @@
-import { NgModule } from '@angular/core';
-import { CommonModule } from '@angular/common';
-import { FormsModule } from '@angular/forms';
-
-import { IonicModule } from '@ionic/angular';
-
-import { DetailTZPageRoutingModule } from './detail-tz-routing.module';
-
-import { DetailTZPage } from './detail-tz.page';
-
-@NgModule({
-  imports: [
-    CommonModule,
-    FormsModule,
-    IonicModule,
-    DetailTZPageRoutingModule
-  ],
-  declarations: [DetailTZPage]
-})
-export class DetailTZPageModule {}

src/app/detail-tz/detail-tz.page.html

@@ -1,56 +0,0 @@
-<ion-header [translucent]="true">
-  <ion-toolbar>
-    <ion-title>detailTZ</ion-title>
-    <ion-buttons slot="start">  
-      <ion-button (click)="goBack()">  
-        <ion-icon slot="icon-only" name="arrow-back"></ion-icon>  
-      </ion-button>  
-    </ion-buttons>  
-  </ion-toolbar>  
-</ion-header>  
-
-<ion-content>  
-  <ion-grid>  
-    <ion-row>  
-      <ion-col size="12">  
-        <h2>{{ poem.title }}</h2>  
-        <p>朝代: {{ poem.dynasty }}</p>  
-        <p>作者: {{ poem.author }}</p>  
-        <p class="poem-content">  
-          {{ poem.content }}  
-        </p>  
-      </ion-col>  
-    </ion-row>  
-  
-    <ion-row>  
-      <ion-col size="12">  
-        <ion-card>  
-          <ion-card-header>  
-            <ion-card-title>简介</ion-card-title>  
-          </ion-card-header>  
-          <ion-card-content>  
-            {{ poem.intro }}  
-          </ion-card-content>  
-        </ion-card>  
-  
-        <ion-card>  
-          <ion-card-header>  
-            <ion-card-title>译文</ion-card-title>  
-          </ion-card-header>  
-          <ion-card-content>  
-            {{ poem.translation }}  
-          </ion-card-content>  
-        </ion-card>  
-  
-        <ion-card>  
-          <ion-card-header>  
-            <ion-card-title>赏析</ion-card-title>  
-          </ion-card-header>  
-          <ion-card-content>  
-            {{ poem.appreciation }}  
-          </ion-card-content>  
-        </ion-card>  
-      </ion-col>  
-    </ion-row>  
-  </ion-grid>  
-</ion-content>

src/app/detail-tz/detail-tz.page.scss

@@ -1,17 +0,0 @@
-.poem-content {  
-  font-family: 'serif'; // 使用衬线字体以模拟古诗的韵味  
-  line-height: 1.5;  
-  text-align: justify; // 文本两端对齐  
-  margin-top: 20px;  
-  font-size: 18px;
-  white-space: pre-wrap;  //换行
-  
-}  
-  
-ion-card {  
-  margin-top: 20px;  
-}  
-  
-ion-card-content {  
-  font-size: 20px; // 调整内容字体大小以适应手机屏幕  
-}

src/app/detail-tz/detail-tz.page.spec.ts

@@ -1,17 +0,0 @@
-import { ComponentFixture, TestBed } from '@angular/core/testing';
-import { DetailTZPage } from './detail-tz.page';
-
-describe('DetailTZPage', () => {
-  let component: DetailTZPage;
-  let fixture: ComponentFixture<DetailTZPage>;
-
-  beforeEach(() => {
-    fixture = TestBed.createComponent(DetailTZPage);
-    component = fixture.componentInstance;
-    fixture.detectChanges();
-  });
-
-  it('should create', () => {
-    expect(component).toBeTruthy();
-  });
-});

src/app/detail-tz/detail-tz.page.ts

@@ -1,33 +0,0 @@
-import { Component, OnInit } from '@angular/core';
-import { NavController } from '@ionic/angular';
-import { Location } from '@angular/common';
-@Component({
-  selector: 'app-detail-tz',
-  templateUrl: './detail-tz.page.html',
-  styleUrls: ['./detail-tz.page.scss'],
-})
-export class DetailTZPage implements OnInit {
-
-  poem = {  
-    title: '',  
-    dynasty: '',  
-    author: '',  
-    content: `  
-      床前明月光，  
-      疑是地上霜。  
-      举头望明月，  
-      低头思故乡。  
-    `,  
-    intro: '这首诗描绘了诗人在寂静的夜晚，看到床前的明亮月光，误以为是地上的霜。他抬头望向明月，不禁低头思念起远方的故乡。',  
-    translation: 'The bright moonlight in front of the bed, I suspected it was frost on the ground. I raised my head and looked at the bright moon, then lowered my head and thought of my hometown.',  
-    appreciation: '此诗以清新朴素的笔触，抒写了丰富深曲的内容，境是境，情是情，那么逼真，那么动人，百读不厌，耐人寻绎。无怪乎有人赞它是“妙绝古今”。'  
-  };  
-  location: any;
-  constructor(private navCtrl: NavController) { }
-
-  ngOnInit() {
-  }
-  goBack() {  
-    this.location.back()   //点返回，跳转到上个界面
-  }
-}