feat(app): refine teacher profile page content

packages/app/src/components/AboutSection.vue

@@ -38,7 +38,10 @@
 
       <view class="credential-box">
         <text class="credential-label">认证背景</text>
-        <text class="credential-text">{{ certificationSummary }}</text>
+        <view v-for="item in teacher.certifications" :key="item" class="credential-row">
+          <view class="credential-dot" />
+          <text class="credential-text">{{ item }}</text>
+        </view>
       </view>
 
       <view class="action-row">
@@ -54,13 +57,10 @@
 </template>
 
 <script setup lang="ts">
-import { computed } from 'vue'
 import { irisProfile } from '../utils/teacher'
 
 const teacher = irisProfile
 
-const certificationSummary = computed(() => teacher.certifications.slice(0, 2).join(' · '))
-
 function goToDetail() {
   uni.navigateTo({ url: `/pages/teacher/detail?id=${teacher.id}` })
 }
@@ -234,10 +234,29 @@ function goToBooking() {
 
 .credential-text {
   font-size: 20rpx;
-  line-height: 1.6;
+  line-height: 1.7;
   color: #6a5a51;
 }
 
+.credential-row {
+  display: flex;
+  align-items: flex-start;
+  gap: 12rpx;
+}
+
+.credential-row + .credential-row {
+  margin-top: 12rpx;
+}
+
+.credential-dot {
+  width: 12rpx;
+  height: 12rpx;
+  border-radius: 50%;
+  margin-top: 12rpx;
+  flex-shrink: 0;
+  background: #6d4037;
+}
+
 .action-row {
   display: flex;
   gap: 12rpx;