You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
69 lines
2.5 KiB
69 lines
2.5 KiB
<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> |