diff --git a/themes/default/account/wishlist.blade.php b/themes/default/account/wishlist.blade.php
new file mode 100644
index 00000000..634945a1
--- /dev/null
+++ b/themes/default/account/wishlist.blade.php
@@ -0,0 +1,41 @@
+@extends('layout.master')
+
+@section('body-class', 'page-account-wishlist')
+
+@section('content')
+  <div class="container">
+    <nav aria-label="breadcrumb">
+      <ol class="breadcrumb">
+        <li class="breadcrumb-item"><a href="#">Home</a></li>
+        <li class="breadcrumb-item active" aria-current="page">Library</li>
+      </ol>
+    </nav>
+
+    <div class="row">
+      <x-shop-sidebar/>
+
+      <div class="col-12 col-md-9">
+        <div class="card mb-4 account-card order-wrap">
+          <div class="card-header d-flex justify-content-between align-items-center">
+            <h5 class="mb-0">我的订单</h5>
+          </div>
+          <div class="card-body">
+            <table class="table ">
+              <thead>
+                <tr>
+                  <th>订单详情</th>
+                  <th>金额</th>
+                  <th>状态</th>
+                  <th class="text-end">操作</th>
+                </tr>
+              </thead>
+              <tbody>
+
+              </tbody>
+            </table>
+          </div>
+        </div>
+      </div>
+    </div>
+  </div>
+@endsection
diff --git a/themes/default/layout/header.blade.php b/themes/default/layout/header.blade.php
index e2b9fa4f..ba3e73a9 100644
--- a/themes/default/layout/header.blade.php
+++ b/themes/default/layout/header.blade.php
@@ -63,7 +63,7 @@
       <div class="right-btn">
         <ul class="navbar-nav flex-row">
           <li class="nav-item"><a href="" class="nav-link"><i class="iconfont">&#xe8d6;</i></a></li>
-          <li class="nav-item"><a href="" class="nav-link"><i class="iconfont">&#xe662;</i></a></li>
+          <li class="nav-item"><a href="{{ shop_route('account.wishlist.index') }}" class="nav-link"><i class="iconfont">&#xe662;</i></a></li>
           <li class="nav-item dropdown">
             <a href="{{ shop_route('account.index') }}" class="nav-link"><i class="iconfont">&#xe619;</i></a>
             <ul class="dropdown-menu dropdown-menu-end">
@@ -72,7 +72,7 @@
                 <li><hr class="dropdown-divider"></li>
                 <li><a href="{{ shop_route('account.index') }}" class="dropdown-item"><i class="bi bi-person me-1"></i> 个人中心</a></li>
                 <li><a href="{{ shop_route('account.order.index') }}" class="dropdown-item"><i class="bi bi-clipboard-check me-1"></i> 我的订单</a></li>
-                <li><a href="{{ shop_route('account.index') }}" class="dropdown-item"><i class="bi bi-heart me-1"></i> 我的收藏</a></li>
+                <li><a href="{{ shop_route('account.wishlist.index') }}" class="dropdown-item"><i class="bi bi-heart me-1"></i> 我的收藏</a></li>
                 <li><hr class="dropdown-divider"></li>
                 <li><a href="{{ shop_route('logout') }}" class="dropdown-item"><i class="bi bi-box-arrow-left me-1"></i> 退出登录</a></li>
               @else
diff --git a/themes/default/product.blade.php b/themes/default/product.blade.php
index 5fb1a029..43a21af4 100644
--- a/themes/default/product.blade.php
+++ b/themes/default/product.blade.php
@@ -98,7 +98,7 @@
             </button>
           </div>
           <div class="add-wishlist">
-            <button class="btn btn-link ps-0"><i class="bi bi-suit-heart-fill me-1"></i>加入收藏夹</button>
+            <button class="btn btn-link ps-0 text-dark" @click="addWishlist"><i class="bi bi-suit-heart-fill me-1"></i>加入收藏夹</button>
           </div>
         </div>
       </div>
@@ -123,10 +123,6 @@
       </div>
     </div>
   </div>
-
-  <script>
-
-  </script>
 @endsection
 
 @push('add-scripts')
@@ -243,6 +239,12 @@
             })
           });
         },
+
+        addWishlist() {
+          $http.post('wishlist', {product_id: this.product.id}).then((res) => {
+            layer.msg(res.message)
+          })
+        },
       }
     })
   </script>