diff options
| author | Mistivia <i@mistivia.com> | 2025-02-08 13:55:37 +0800 |
|---|---|---|
| committer | Mistivia <i@mistivia.com> | 2025-02-08 13:55:37 +0800 |
| commit | ea9350a570fcb8011bb2678ad8b60486772e411d (patch) | |
| tree | 81a0655e79cdaaf2dac8806f73bb6d0312ed26c3 /src/components/RightPanel.svelte | |
| parent | 86b9e2de76283ac6ee1e7761dcf6ce0730f26e7a (diff) | |
impl ydke share
Diffstat (limited to 'src/components/RightPanel.svelte')
| -rw-r--r-- | src/components/RightPanel.svelte | 19 |
1 files changed, 12 insertions, 7 deletions
diff --git a/src/components/RightPanel.svelte b/src/components/RightPanel.svelte index 5ede942..062e33c 100644 --- a/src/components/RightPanel.svelte +++ b/src/components/RightPanel.svelte @@ -1,9 +1,14 @@ -<script lang="ts"> +<script lang="js"> + import CardThumb from './CardThumb.svelte'; + import { resultCards } from '../control/search' -import CardThumb from './CardThumb.svelte'; + function onPrevPage() { -let cardList = $state([]); + } + function onNextPage() { + + } </script> <div class="right-panel"> @@ -11,9 +16,9 @@ let cardList = $state([]); <input type="text" placeholder="搜索卡牌..."> </div> <div class="card-list"> - {#if cardList.length > 0} + {#if $resultCards.length > 0} <div class="card-item"> - {#each cardList as card} + {#each $resultCards as card} <div class="card-thumbnail"> <CardThumb id= {card.id} /> </div> @@ -23,8 +28,8 @@ let cardList = $state([]); {/if} </div> <div class="pagination"> - <button class="page-btn">上一页</button> - <button class="page-btn">下一页</button> + <button class="page-btn" onclick={onPrevPage}>上一页</button> + <button class="page-btn" onclick={onNextPage}>下一页</button> </div> </div> |