soul/miniprogram/pages/about/about.wxml

<!--关于作者-->
<view class="page">
  <view class="nav-bar" style="padding-top: {{statusBarHeight}}px;">
    <view class="nav-back" bindtap="goBack">←</view>
    <text class="nav-title">关于作者</text>
    <view class="nav-placeholder"></view>
  </view>
  <view style="height: {{statusBarHeight + 44}}px;"></view>

  <view class="content">
    <!-- 作者信息卡片 -->
    <view class="author-card">
      <view class="author-avatar">{{author.avatar}}</view>
      <text class="author-name">{{author.name}}</text>
      <text class="author-title">{{author.title}}</text>
      <text class="author-bio">{{author.bio}}</text>
      
      <!-- 统计数据 -->
      <view class="stats-row">
        <view class="stat-item" wx:for="{{author.stats}}" wx:key="label">
          <text class="stat-value">{{item.value}}</text>
          <text class="stat-label">{{item.label}}</text>
        </view>
      </view>
      
      <!-- 亮点标签 -->
      <view class="highlights" wx:if="{{author.highlights}}">
        <view class="highlight-tag" wx:for="{{author.highlights}}" wx:key="*this">
          <text class="tag-icon">✓</text>
          <text>{{item}}</text>
        </view>
      </view>
    </view>

    <!-- 书籍信息 -->
    <view class="book-info-card" wx:if="{{bookInfo}}">
      <text class="card-title">📚 {{bookInfo.title}}</text>
      <view class="book-stats">
        <view class="book-stat">
          <text class="book-stat-value">{{bookInfo.totalChapters}}</text>
          <text class="book-stat-label">篇章节</text>
        </view>
        <view class="book-stat">
          <text class="book-stat-value">5</text>
          <text class="book-stat-label">大篇章</text>
        </view>
        <view class="book-stat">
          <text class="book-stat-value">¥{{bookInfo.price}}</text>
          <text class="book-stat-label">全书价格</text>
        </view>
      </view>
      <view class="parts-list">
        <view class="part-item" wx:for="{{bookInfo.parts}}" wx:key="name">
          <text class="part-name">{{item.name}}</text>
          <text class="part-chapters">{{item.chapters}}节</text>
        </view>
      </view>
    </view>

    <!-- 联系方式 -->
    <view class="contact-card">
      <text class="card-title">联系作者</text>
      <view class="contact-item" bindtap="copyWechat">
        <text class="contact-icon">💬</text>
        <view class="contact-info">
          <text class="contact-label">微信</text>
          <text class="contact-value">{{author.contact.wechat}}</text>
        </view>
        <text class="contact-btn">复制</text>
      </view>
      <view class="contact-item" bindtap="callPhone">
        <text class="contact-icon">📱</text>
        <view class="contact-info">
          <text class="contact-label">电话</text>
          <text class="contact-value">{{author.contact.phone}}</text>
        </view>
        <text class="contact-btn">拨打</text>
      </view>
    </view>
  </view>
</view>