60 lines
2.0 KiB
Plaintext
60 lines
2.0 KiB
Plaintext
|
<!-- 详情页面 -->
|
||
|
|
<view class="container">
|
||
|
|
<!-- 封面预览 -->
|
||
|
|
<view class="preview-section">
|
||
|
|
<image class="preview-image"
|
||
|
|
src="{{dataBaseUrl}}{{detail.coverurl}}"
|
||
|
|
mode="aspectFit"
|
||
|
|
bindtap="previewImage"></image>
|
||
|
|
<view class="preview-tip">点击图片预览大图</view>
|
||
|
|
</view>
|
||
|
|
|
||
|
|
<!-- 基本信息 -->
|
||
|
|
<view class="info-section">
|
||
|
|
<view class="info-header">
|
||
|
|
<view class="category-tag">{{detail.category_name}}</view>
|
||
|
|
<view class="stats">
|
||
|
|
<text class="stat-item">浏览 {{detail.view_count || 0}}</text>
|
||
|
|
<text class="stat-item">下载 {{detail.download_count || 0}}</text>
|
||
|
|
</view>
|
||
|
|
</view>
|
||
|
|
<text class="info-title">{{detail.title}}</text>
|
||
|
|
<text class="info-e-title">{{detail.e_title}}</text>
|
||
|
|
<text class="info-desc" wx:if="{{detail.des}}">{{detail.des}}</text>
|
||
|
|
</view>
|
||
|
|
|
||
|
|
<view class="tips-box">
|
||
|
|
<text class="tips-icon">💡</text>
|
||
|
|
<text class="tips-text">Tips: 打开PDF点右上角'···'选择你打印机打印</text>
|
||
|
|
</view>
|
||
|
|
<!-- 操作按钮 -->
|
||
|
|
<view class="action-section">
|
||
|
|
|
||
|
|
<view class="action-btn download-btn" bindtap="downloadPdf">
|
||
|
|
<text>下载PDF</text>
|
||
|
|
</view>
|
||
|
|
</view>
|
||
|
|
|
||
|
|
<!-- 相关推荐 -->
|
||
|
|
<view class="recommend-section" wx:if="{{recommended.length > 0}}">
|
||
|
|
<view class="section-header">
|
||
|
|
<text class="section-title">相关推荐</text>
|
||
|
|
</view>
|
||
|
|
<scroll-view class="recommend-scroll" scroll-x="{{true}}" enhanced="{{true}}" show-scrollbar="{{false}}">
|
||
|
|
<view class="recommend-list">
|
||
|
|
<view class="recommend-item"
|
||
|
|
wx:for="{{recommended}}"
|
||
|
|
wx:key="id"
|
||
|
|
bindtap="goDetail"
|
||
|
|
data-id="{{item.id}}">
|
||
|
|
<image class="recommend-cover" src="{{dataBaseUrl}}{{item.coverurl}}" mode="aspectFill" lazy-load="{{true}}"></image>
|
||
|
|
<text class="recommend-title text-ellipsis">{{item.title}}</text>
|
||
|
|
</view>
|
||
|
|
</view>
|
||
|
|
</scroll-view>
|
||
|
|
</view>
|
||
|
|
</view>
|
||
|
|
|
||
|
|
<!-- 底部安全区域 -->
|
||
|
|
<view class="safe-bottom"></view>
|