genealogy-min-program/pages/index/index.wxml

<view class="container">

  <!-- 顶部横幅 -->
  <view class="banner">
    <!-- 装饰纹理点 -->
    <view class="banner-deco deco-tl"></view>
    <view class="banner-deco deco-tr"></view>
    <view class="banner-deco deco-bl"></view>

    <view class="banner-content">
      <view class="banner-subtitle">留氏宗族</view>
      <view class="banner-title-row">
        <view class="banner-line"></view>
        <text class="banner-title">留家族谱</text>
        <view class="banner-line"></view>
      </view>
      <view class="banner-motto">
        <text class="banner-dot">·</text>
        <text class="motto-text">传世家族　情系后人</text>
        <text class="banner-dot">·</text>
      </view>
      <view class="banner-stats">
        <view class="stat-item">
          <text class="stat-num">衢州</text>
          <text class="stat-label">发源地</text>
        </view>
        <view class="stat-sep"></view>
        <view class="stat-item">
          <text class="stat-num">29</text>
          <text class="stat-label">当前最新代</text>
        </view>
        <view class="stat-sep"></view>
        <view class="stat-item">
          <text class="stat-num">2025</text>
          <text class="stat-label">建谱年份</text>
        </view>
      </view>
    </view>
  </view>

  <!-- 功能入口 -->
  <view class="section-wrap">
    <view class="section-label">
      <view class="label-line"></view>
      <text class="label-text">功能入口</text>
      <view class="label-line"></view>
    </view>
    <view class="function-grid">

      <view class="function-card" bindtap="goToAddMember">
        <view class="func-icon-wrap" style="background:linear-gradient(135deg,#e8763a,#c9521e);">
          <text class="func-emoji">✏️</text>
        </view>
        <text class="func-title">录入信息</text>
        <text class="func-desc">记录家人故事</text>
      </view>

      <view class="function-card" bindtap="goToMyEntries">
        <view class="func-icon-wrap" style="background:linear-gradient(135deg,#3a8ee8,#1e66c9);">
          <text class="func-emoji">📋</text>
        </view>
        <text class="func-title">我的录入</text>
        <text class="func-desc">管理已录入</text>
      </view>

      <view class="function-card" bindtap="goToAlbum">
        <view class="func-icon-wrap" style="background:linear-gradient(135deg,#e8a83a,#c98a1e);">
          <text class="func-emoji">🖼️</text>
        </view>
        <text class="func-title">家族相册</text>
        <text class="func-desc">珍藏共同记忆</text>
      </view>

      <view class="function-card" bindtap="goToCulture">
        <view class="func-icon-wrap" style="background:linear-gradient(135deg,#7e3ae8,#5a1ec9);">
          <text class="func-emoji">📖</text>
        </view>
        <text class="func-title">家族文化</text>
        <text class="func-desc">传承的财富</text>
      </view>

    </view>
  </view>

  <!-- 编委会成员 -->
  <view class="section-wrap">
    <view class="section-label">
      <view class="label-line"></view>
      <text class="label-text">编委会成员</text>
      <view class="label-line"></view>
    </view>

    <view class="committee-card">

      <!-- 主编 -->
      <view class="committee-row">
        <view class="c-icon-wrap icon-gold">
          <text class="c-icon">★</text>
        </view>
        <view class="c-body">
          <text class="c-role">主编</text>
          <text class="c-name">留文正</text>
        </view>
      </view>

      <view class="c-divider"></view>

      <!-- 编委成员 -->
      <view class="committee-row c-row-top">
        <view class="c-icon-wrap icon-blue">
          <text class="c-icon">◉</text>
        </view>
        <view class="c-body">
          <text class="c-role">编委成员</text>
          <view class="member-tags">
            <text class="member-tag">留忠德</text>
            <text class="member-tag">留文正</text>
            <text class="member-tag">留越</text>
            <text class="member-tag">留良吾</text>
            <text class="member-tag">留如藩</text>
            <text class="member-tag">留强</text>
            <text class="member-tag-more">……</text>
          </view>
        </view>
      </view>

      <view class="c-divider"></view>

      <!-- 外支顾问 -->
      <view class="committee-row">
        <view class="c-icon-wrap icon-green">
          <text class="c-icon">◆</text>
        </view>
        <view class="c-body">
          <text class="c-role">外支顾问</text>
          <text class="c-name">留朝信</text>
        </view>
      </view>

      <view class="c-divider"></view>

      <!-- 系统规划 -->
      <view class="committee-row">
        <view class="c-icon-wrap icon-purple">
          <text class="c-icon">⬡</text>
        </view>
        <view class="c-body">
          <text class="c-role">系统规划</text>
          <text class="c-name">留越</text>
        </view>
      </view>

      <view class="c-divider"></view>

      <!-- 技术实现 -->
      <view class="committee-row">
        <view class="c-icon-wrap icon-cyan">
          <text class="c-icon">⟨/⟩</text>
        </view>
        <view class="c-body">
          <text class="c-role">技术实现</text>
          <text class="c-name c-name-long">春笋秋竹（杭州）科技有限公司</text>
        </view>
      </view>

    </view>
  </view>

  <!-- 底部版权 -->
  <view class="footer">
    <view class="footer-deco">
      <view class="footer-line"></view>
      <text class="footer-icon">♦</text>
      <view class="footer-line"></view>
    </view>
    <text class="copyright">© 2025 留家族族谱管理系统</text>
  </view>

</view>