diff --git a/index.wxml b/index.wxml
new file mode 100644
index 0000000..3e4da90
--- /dev/null
+++ b/index.wxml
@@ -0,0 +1,69 @@
+<view class="container">
+  <!-- 欢迎区域 -->
+  <view class="card welcome-section">
+    <view class="welcome-title">欢迎来到图书馆借书系统</view>
+    <view class="welcome-subtitle">轻松借阅，畅享阅读</view>
+  </view>
+
+  <!-- 快速功能 -->
+  <view class="card">
+    <view class="section-title">快速操作</view>
+    <view class="quick-actions">
+      <navigator url="/pages/books/books" class="quick-action-item">
+        <image src="/images/search-book.png" class="action-icon"></image>
+        <text>查找图书</text>
+      </navigator>
+      <navigator url="/pages/borrow/borrow" class="quick-action-item">
+        <image src="/images/borrow-list.png" class="action-icon"></image>
+        <text>我的借阅</text>
+      </navigator>
+      <navigator url="/pages/my/my" class="quick-action-item">
+        <image src="/images/user.png" class="action-icon"></image>
+        <text>个人中心</text>
+      </navigator>
+    </view>
+  </view>
+
+  <!-- 统计信息 -->
+  <view class="card">
+    <view class="section-title">图书馆概况</view>
+    <view class="stats-grid">
+      <view class="stat-item">
+        <text class="stat-number">{{totalBooks}}</text>
+        <text class="stat-label">馆藏总数</text>
+      </view>
+      <view class="stat-item">
+        <text class="stat-number">{{availableBooks}}</text>
+        <text class="stat-label">可借数量</text>
+      </view>
+      <view class="stat-item">
+        <text class="stat-number">{{myBorrowCount}}</text>
+        <text class="stat-label">我的借阅</text>
+      </view>
+    </view>
+  </view>
+
+  <!-- 热门图书 -->
+  <view class="card">
+    <view class="section-title">
+      <text>热门图书</text>
+      <navigator url="/pages/books/books" class="view-all">查看全部</navigator>
+    </view>
+    <view class="hot-books">
+      <block wx:for="{{hotBooks}}" wx:key="id">
+        <view class="hot-book-item" bindtap="goToBookDetail" data-id="{{item.id}}">
+          <image src="{{item.cover || '/images/default-book.jpg'}}" class="hot-book-cover"></image>
+          <view class="hot-book-info">
+            <text class="hot-book-title">{{item.title}}</text>
+            <text class="hot-book-author">{{item.author}}</text>
+            <view class="hot-book-status">
+              <text class="tag {{item.available > 0 ? 'tag-available' : 'tag-unavailable'}}">
+                {{item.available > 0 ? '可借' : '已借完'}}
+              </text>
+            </view>
+          </view>
+        </view>
+      </block>
+    </view>
+  </view>
+</view>
\ No newline at end of file