|
@@ -45,33 +45,38 @@
|
|
|
<ion-label>公司简介:</ion-label>
|
|
|
<ion-text>{{ company.description }}</ion-text>
|
|
|
</ion-item>
|
|
|
- <!-- 公司介绍 -->
|
|
|
- <ion-card>
|
|
|
+ <!-- 公司服务 -->
|
|
|
+ <ion-card class="concept-card">
|
|
|
+ <ion-card-header>
|
|
|
+ 公司服务:
|
|
|
+ </ion-card-header>
|
|
|
+ <ion-card-content>
|
|
|
+ <ion-text [innerHTML]="formatHtmlContent(company.services)"></ion-text>
|
|
|
+ </ion-card-content>
|
|
|
+ </ion-card>
|
|
|
+ <!-- 公司优势 -->
|
|
|
+ <ion-card class="concept-card">
|
|
|
+ <ion-card-header>
|
|
|
+ 公司优势:
|
|
|
+ </ion-card-header>
|
|
|
+ <ion-card-content>
|
|
|
+ <ion-text [innerHTML]="formatHtmlContent(company.advantages)"></ion-text>
|
|
|
+ </ion-card-content>
|
|
|
+ </ion-card>
|
|
|
+ <!-- 公司案例 -->
|
|
|
+ <ion-card class="concept-card">
|
|
|
<ion-card-header>
|
|
|
- 公司介绍
|
|
|
+ 公司案例:
|
|
|
</ion-card-header>
|
|
|
<ion-card-content>
|
|
|
- <ion-list>
|
|
|
- <ion-item>
|
|
|
- <ion-label>公司服务:</ion-label>
|
|
|
- <ion-text [innerHTML]="formatHtmlContent(company.services)"></ion-text>
|
|
|
- </ion-item>
|
|
|
- <ion-item>
|
|
|
- <ion-label>公司优势:</ion-label>
|
|
|
- <ion-text [innerHTML]="formatHtmlContent(company.advantages)"></ion-text>
|
|
|
- </ion-item>
|
|
|
- <ion-item>
|
|
|
- <ion-label>公司案例:</ion-label>
|
|
|
- <ion-text [innerHTML]="formatHtmlContent(company.cases)"></ion-text>
|
|
|
- </ion-item>
|
|
|
- </ion-list>
|
|
|
- <!-- 底部按钮 -->
|
|
|
+ <ion-text>{{ company.cases }}</ion-text>
|
|
|
+ </ion-card-content>
|
|
|
+ </ion-card>
|
|
|
+ <!-- 底部按钮 -->
|
|
|
<ion-button expand="full" color="secondary">电话</ion-button>
|
|
|
<ion-button expand="full" color="secondary">预约</ion-button>
|
|
|
<ion-button expand="full" color="secondary">咨询</ion-button>
|
|
|
<ion-button expand="full" color="secondary">查看案例</ion-button>
|
|
|
- </ion-card-content>
|
|
|
- </ion-card>
|
|
|
</ion-card-content>
|
|
|
</ion-card>
|
|
|
</div>
|
|
@@ -189,52 +194,51 @@
|
|
|
</div>
|
|
|
|
|
|
<!-- 设计师详情页 -->
|
|
|
- <div *ngIf="selectedSegment === 'designer'">
|
|
|
- <!-- 设计师详情页 -->
|
|
|
- <ion-card *ngFor="let designer of designers">
|
|
|
- <!-- 头部 -->
|
|
|
- <ion-card-header>
|
|
|
- <ion-avatar>
|
|
|
- <img src="{{ designer.avatar }}" alt="Designer Avatar">
|
|
|
- </ion-avatar>
|
|
|
- <ion-card-title>{{ designer.username }}</ion-card-title>
|
|
|
- <ion-button fill="outline" slot="end">关注</ion-button>
|
|
|
- </ion-card-header>
|
|
|
- <ion-card-content>
|
|
|
- <p>{{ designer.bio }}</p>
|
|
|
- </ion-card-content>
|
|
|
-
|
|
|
- <!-- 内容 -->
|
|
|
- <ion-card-content>
|
|
|
- <ion-img [src]="designer.portfolioImage" alt="Designer Portfolio"></ion-img>
|
|
|
- <ion-item>
|
|
|
- <ion-label>作品数量:</ion-label>
|
|
|
- <ion-text>{{ designer.portfolioCount }}</ion-text>
|
|
|
- </ion-item>
|
|
|
- <ion-item>
|
|
|
- <ion-label>擅长风格:</ion-label>
|
|
|
- <ion-text>{{ designer.style }}</ion-text>
|
|
|
- </ion-item>
|
|
|
- <ion-item>
|
|
|
- <ion-label>服务地区:</ion-label>
|
|
|
- <ion-text>{{ designer.serviceArea }}</ion-text>
|
|
|
- </ion-item>
|
|
|
- <ion-item>
|
|
|
- <ion-label>价格:</ion-label>
|
|
|
- <ion-text>{{ designer.price }}</ion-text>
|
|
|
- </ion-item>
|
|
|
- <ion-item>
|
|
|
- <ion-label>用户评价:</ion-label>
|
|
|
- <ion-text>{{ designer.rating }}</ion-text>
|
|
|
- </ion-item>
|
|
|
- </ion-card-content>
|
|
|
-
|
|
|
- <!-- 底部 -->
|
|
|
- <ion-button expand="full" fill="outline">咨询</ion-button>
|
|
|
- <ion-button expand="full" fill="outline">电话</ion-button>
|
|
|
- <ion-button expand="full" fill="outline">在线预约</ion-button>
|
|
|
- <ion-button expand="full" fill="outline">查看案例</ion-button>
|
|
|
- </ion-card>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
+<div *ngIf="selectedSegment === 'designer'">
|
|
|
+ <ion-card *ngFor="let designer of designers">
|
|
|
+ <!-- 头部 -->
|
|
|
+ <ion-card-header>
|
|
|
+ <ion-avatar>
|
|
|
+ <img [src]="designer.avatar" alt="Designer Avatar">
|
|
|
+ </ion-avatar>
|
|
|
+ <ion-card-title>{{ designer.username }}</ion-card-title>
|
|
|
+ <ion-button fill="outline" slot="end">关注</ion-button>
|
|
|
+ </ion-card-header>
|
|
|
+ <ion-card-content>
|
|
|
+ <p>{{ designer.bio }}</p>
|
|
|
+ </ion-card-content>
|
|
|
+
|
|
|
+ <!-- 内容 -->
|
|
|
+ <ion-card-content>
|
|
|
+ <ion-img [src]="designer.portfolioImage" alt="Designer Portfolio"></ion-img>
|
|
|
+ <ion-item>
|
|
|
+ <ion-label>作品数量:</ion-label>
|
|
|
+ <ion-text>{{ designer.portfolioCount }}</ion-text>
|
|
|
+ </ion-item>
|
|
|
+ <ion-item>
|
|
|
+ <ion-label>擅长风格:</ion-label>
|
|
|
+ <ion-text>{{ designer.style }}</ion-text>
|
|
|
+ </ion-item>
|
|
|
+ <ion-item>
|
|
|
+ <ion-label>服务地区:</ion-label>
|
|
|
+ <ion-text>{{ designer.serviceArea }}</ion-text>
|
|
|
+ </ion-item>
|
|
|
+ <ion-item>
|
|
|
+ <ion-label>价格:</ion-label>
|
|
|
+ <ion-text>{{ designer.price }}</ion-text>
|
|
|
+ </ion-item>
|
|
|
+ <ion-item>
|
|
|
+ <ion-label>用户评价:</ion-label>
|
|
|
+ <ion-text>{{ designer.rating }}</ion-text>
|
|
|
+ </ion-item>
|
|
|
+ </ion-card-content>
|
|
|
+
|
|
|
+ <!-- 底部 -->
|
|
|
+ <ion-button expand="full" fill="outline">咨询</ion-button>
|
|
|
+ <ion-button expand="full" fill="outline">电话</ion-button>
|
|
|
+ <ion-button expand="full" fill="outline">在线预约</ion-button>
|
|
|
+ <ion-button expand="full" fill="outline">查看案例</ion-button>
|
|
|
+ </ion-card>
|
|
|
+</div>
|
|
|
+</div>
|
|
|
</ion-content>
|