feat: 支持馆主个人信息编辑

packages/app/src/components/AboutSection.vue

@@ -2,7 +2,7 @@
   <view class="about-section">
     <view class="section-header">
       <view>
-        <text class="section-title">老师介绍</text>
+        <text class="section-title">馆主介绍</text>
       </view>
       <text class="section-more" @tap="goToDetail">查看详情</text>
     </view>
@@ -19,7 +19,7 @@
             <view>
               <view class="name-row">
                 <text class="teacher-name">{{ teacher.name }}</text>
-
+                <text class="owner-badge">馆主</text>
               </view>
               <text class="teacher-title">{{ teacher.title }}</text>
             </view>
@@ -46,12 +46,12 @@
 </template>
 
 <script setup lang="ts">
-import { irisProfile } from '../utils/teacher'
+import { useOwnerProfile } from '../composables/use-owner-profile'
 
-const teacher = irisProfile
+const teacher = useOwnerProfile()
 
 function goToDetail() {
-  uni.navigateTo({ url: `/pages/teacher/detail?id=${teacher.id}` })
+  uni.navigateTo({ url: '/pages/teacher/detail' })
 }
 
 function goToBooking() {
@@ -64,12 +64,14 @@ function goToBooking() {
 .section-header { display: flex; align-items: center; justify-content: space-between; margin-bottom: 20rpx; }
 .section-title { font-size: 30rpx; font-weight: 500; color: #514943; }
 .section-more { font-size: 23rpx; color: #8b817b; padding: 8rpx 0; }
-.teacher-card { padding: 26rpx; background: #f2ebe5; border-radius: 28rpx; }
+.teacher-card { padding: 26rpx; background: #f2ebe5; border-radius: 28rpx; transition: transform 180ms ease; }
+.teacher-card:active { transform: scale(.99); }
 .teacher-main { display: flex; align-items: flex-start; gap: 24rpx; }
 .cover-wrap { width: 164rpx; height: 230rpx; border-radius: 18rpx; overflow: hidden; background: #e1d4c8; flex-shrink: 0; }
 .teacher-cover { width: 100%; height: 100%; }
 .teacher-content { flex: 1; min-width: 0; }
-.name-row { margin-bottom: 8rpx; }
+.name-row { display: flex; align-items: center; gap: 14rpx; margin-bottom: 8rpx; }
+.owner-badge { padding: 4rpx 12rpx; border: 1rpx solid #d3dace; border-radius: 8rpx; color: #617d73; font-size: 19rpx; }
 .teacher-name { font-size: 34rpx; font-weight: 500; color: #514943; }
 .teacher-title { font-size: 22rpx; color: #8b817b; line-height: 1.5; }
 .specialty-row { margin: 14rpx 0 10rpx; }

packages/app/src/components/OwnerIntroduction.vue

@@ -0,0 +1,44 @@
+<template>
+  <view class="owner-content">
+    <view v-if="introduction" class="owner-panel owner-panel--intro">
+      <text class="eyebrow">ABOUT ME</text>
+      <text class="panel-title">个人介绍</text>
+      <view class="intro-rule" />
+      <text class="introduction">{{ introduction }}</text>
+    </view>
+    <view v-if="certifications.length" class="owner-panel owner-panel--credentials">
+      <view class="credentials-head">
+        <view>
+          <text class="eyebrow">CREDENTIALS</text>
+          <text class="panel-title">专业认证</text>
+        </view>
+        <text class="credential-count">{{ certifications.length }} 项</text>
+      </view>
+      <view v-for="(item, index) in certifications" :key="index" class="credential-row">
+        <text class="credential-number">{{ String(index + 1).padStart(2, '0') }}</text>
+        <text class="credential-text">{{ item }}</text>
+      </view>
+    </view>
+  </view>
+</template>
+
+<script setup lang="ts">
+defineProps<{ introduction: string; certifications: readonly string[] }>()
+</script>
+
+<style lang="scss" scoped>
+.owner-panel { margin-bottom: 20rpx; padding: 34rpx 30rpx; border: 1rpx solid #e7e2d8; border-radius: 24rpx; background: #fffdf9; animation: owner-reveal 480ms ease-out both; }
+.owner-panel--credentials { animation-delay: 90ms; }
+.eyebrow { display: block; margin-bottom: 12rpx; color: #92957f; font-size: 18rpx; letter-spacing: 4rpx; }
+.panel-title { display: block; font-family: 'Songti SC', 'STSong', serif; font-size: 34rpx; font-weight: 500; color: #434c3d; }
+.intro-rule { width: 40rpx; height: 3rpx; margin: 24rpx 0; background: #9da88d; }
+.introduction { display: block; color: #655f53; font-size: 27rpx; line-height: 1.95; white-space: pre-wrap; overflow-wrap: anywhere; word-break: break-word; }
+.credentials-head { display: flex; align-items: center; justify-content: space-between; margin-bottom: 14rpx; }
+.credential-count { padding: 8rpx 16rpx; border-radius: 999rpx; color: #78856a; background: #f0f2e9; font-size: 21rpx; }
+.credential-row { display: flex; align-items: flex-start; gap: 22rpx; padding: 24rpx 0; border-bottom: 1rpx solid #efebe3; }
+.credential-row:last-child { padding-bottom: 0; border-bottom: 0; }
+.credential-number { flex-shrink: 0; padding-top: 4rpx; font-family: Georgia, serif; font-size: 26rpx; color: #9aa58d; }
+.credential-text { flex: 1; min-width: 0; font-size: 26rpx; line-height: 1.8; color: #625e51; white-space: pre-wrap; overflow-wrap: anywhere; word-break: break-word; }
+@keyframes owner-reveal { from { opacity: 0; transform: translateY(14rpx); } to { opacity: 1; transform: translateY(0); } }
+@media (prefers-reduced-motion: reduce) { .owner-panel { animation: none; } }
+</style>