feat(app): refine teacher profile page content

packages/app/src/pages/teacher/detail.vue

@@ -6,7 +6,7 @@
       <view class="nav-spacer" :style="{ height: navBarHeight }" />
 
       <view class="hero-section">
-        <image class="hero-image" :src="teacher.cover" mode="aspectFill" />
+        <image class="hero-image" :src="teacher.cover" mode="widthFix" />
         <view class="hero-overlay" />
 
         <view class="hero-content">
@@ -43,11 +43,11 @@
 
         <view class="detail-card">
           <text class="card-title">教练介绍</text>
-          <text class="card-text">
-            Iris 注重基础控制与身体感知，课程会围绕呼吸、核心稳定、动作路径和发力节奏展开，帮助学员在安全前提下持续进步。
+          <text class="card-text card-text--intro">
+            我是 Iris，一名注重体态、控制与身体感受的普拉提教练。
           </text>
           <text class="card-text">
-            无论你希望改善久坐体态、建立训练基础，还是进一步雕塑身体线条，都可以通过私教课程获得更清晰的动作反馈与进阶方案。
+            我希望带你在稳定、安心的节奏里，找回核心力量、挺拔线条和更轻松的身体状态。
           </text>
         </view>
 
@@ -71,7 +71,17 @@
 
         <view class="detail-card cta-card">
           <text class="card-title">适合这样的你</text>
-          <text class="card-text">久坐肩颈紧张、想改善圆肩骨盆前倾、训练没感觉，或想通过更稳定的核心训练提升身体线条与控制力。</text>
+          <view class="fit-grid">
+            <view class="fit-pill">久坐肩颈紧张</view>
+            <view class="fit-pill">体态调整</view>
+            <view class="fit-pill">产后恢复</view>
+            <view class="fit-pill">塑形紧致</view>
+            <view class="fit-pill">核心无力</view>
+            <view class="fit-pill">运动入门</view>
+          </view>
+          <text class="card-text">
+            如果你想改善体态、缓解肩颈腰背不适，提升核心稳定、线条感与身体控制力，这里会是一个很好的开始。
+          </text>
           <view class="cta-inline" @tap="goToBooking">
             <text class="cta-inline-text">去约 Iris 的课程</text>
             <text class="cta-inline-arrow">›</text>
@@ -96,7 +106,7 @@
 
 <script setup lang="ts">
 import { ref } from 'vue'
-import { onLoad } from '@dcloudio/uni-app'
+import { onLoad, onShareAppMessage, onShareTimeline } from '@dcloudio/uni-app'
 import CustomNavBar from '../../components/CustomNavBar.vue'
 import { irisProfile } from '../../utils/teacher'
 import { getSystemLayout } from '../../utils/system'
@@ -105,6 +115,22 @@ const teacher = irisProfile
 const navBarHeight = ref('64px')
 const scrollHeight = ref('500px')
 
+onShareAppMessage(() => {
+  return {
+    title: `${teacher.name}｜${teacher.title}`,
+    path: `/pages/teacher/detail?id=${teacher.id}`,
+    imageUrl: teacher.cover,
+  }
+})
+
+onShareTimeline(() => {
+  return {
+    title: `${teacher.name}｜${teacher.title}`,
+    query: `id=${teacher.id}`,
+    imageUrl: teacher.cover,
+  }
+})
+
 onLoad(() => {
   updateLayout()
 })
@@ -141,7 +167,7 @@ function goToBooking() {
 
 .hero-image {
   width: 100%;
-  height: 100%;
+  display: block;
 }
 
 .hero-overlay {
@@ -305,6 +331,13 @@ function goToBooking() {
   margin-top: 16rpx;
 }
 
+.card-text--intro {
+  font-size: 28rpx;
+  line-height: 1.7;
+  font-weight: 600;
+  color: #43352f;
+}
+
 .list-row {
   display: flex;
   align-items: flex-start;
@@ -358,6 +391,22 @@ function goToBooking() {
   background: linear-gradient(135deg, #fff6f1 0%, #fffdfc 100%);
 }
 
+.fit-grid {
+  display: flex;
+  flex-wrap: wrap;
+  gap: 12rpx;
+  margin-bottom: 18rpx;
+}
+
+.fit-pill {
+  padding: 10rpx 18rpx;
+  border-radius: 999rpx;
+  background: rgba(255, 126, 92, 0.12);
+  color: #b3573f;
+  font-size: 22rpx;
+  font-weight: 600;
+}
+
 .cta-inline {
   margin-top: 22rpx;
   height: 88rpx;