0225236 9 tháng trước cách đây
mục cha
commit
5574a1ffcf
2 tập tin đã thay đổi với 13 bổ sung8 xóa
  1. 3 3
      src/app/tab2/tab2.page.html
  2. 10 5
      src/app/tab2/tab2.page.ts

+ 3 - 3
src/app/tab2/tab2.page.html

@@ -54,15 +54,15 @@
               <ion-list>
                 <ion-item>
                   <ion-label>公司服务:</ion-label>
-                  <ion-text>{{ company.services }}</ion-text>
+                  <ion-text [innerHTML]="formatHtmlContent(company.services)"></ion-text>
                 </ion-item>
                 <ion-item>
                   <ion-label>公司优势:</ion-label>
-                  <ion-text>{{ company.advantages }}</ion-text>
+                  <ion-text [innerHTML]="formatHtmlContent(company.advantages)"></ion-text>
                 </ion-item>
                 <ion-item>
                   <ion-label>公司案例:</ion-label>
-                  <ion-text>{{ company.cases }}</ion-text>
+                  <ion-text [innerHTML]="formatHtmlContent(company.cases)"></ion-text>
                 </ion-item>
               </ion-list>
             <!-- 底部按钮 -->

+ 10 - 5
src/app/tab2/tab2.page.ts

@@ -1,4 +1,5 @@
 import { Component } from '@angular/core';
+import { DomSanitizer, SafeHtml } from '@angular/platform-browser';
 
 @Component({
   selector: 'app-tab2',
@@ -12,10 +13,10 @@ export class Tab2Page {
       name: '和美空间设计',
       starRating: 4.7,
       reviewCount: 150,
-      description: '装修公司A的简介',
-      services: '全方位装修服务',
-      advantages: '专业团队、高品质材料',
-      cases: '装修公司A的案例'
+      description: '华美装饰设计有限公司是一家专业的室内装修设计公司,致力于为客户提供高品质的装修和设计服务。公司拥有一支经验丰富、富有创意的设计团队,以客户需求为中心,打造独特、舒适的居家环境。',
+      services: '室内装修设计\n定制家具设计\n空间规划布局\n装饰材料供应',
+      advantages: '专业团队:拥有经验丰富的设计师和施工团队,保证项目质量\n创意设计:注重细节,根据客户需求量身定制设计方案\n优质材料:选用优质装饰材料,确保装修质量和耐久性\n贴心服务:全程跟踪服务,提供周到的售后服务,保障客户满意度。',
+      cases: '客厅装修案例:现代简约风格,打造温馨舒适的家居空间。\n卧室装修案例:北欧风格,简约清新,注重自然光线的利用。\n餐厅装修案例:中式风格,传统与现代相结合,展现东方韵味。'
     },
     {
       name: '灵感装修工程',
@@ -339,8 +340,12 @@ export class Tab2Page {
   ];
   selectedDesignerSegment: string = 'designer';
 
-  constructor() {}
+  constructor(private sanitizer: DomSanitizer) {}
 
+  formatHtmlContent(content: string): SafeHtml {
+    const formattedContent = content.replace(/\n/g, '<br>');
+    return this.sanitizer.bypassSecurityTrustHtml(formattedContent);
+  }
   segmentChanged(event: CustomEvent) {
     this.selectedSegment = event.detail.value;
   }