79 lines
2.3 KiB
Plaintext
79 lines
2.3 KiB
Plaintext
<!--pages/detail/detail.wxml-->
|
|
<view class="container">
|
|
<!-- 加载中 -->
|
|
<view class="loading-container" wx:if="{{ loading }}">
|
|
<van-loading size="36px" vertical>加载中...</van-loading>
|
|
</view>
|
|
|
|
<!-- 详情内容 -->
|
|
<block wx:if="{{ !loading && detail }}">
|
|
<!-- 头部信息 -->
|
|
<view class="detail-header">
|
|
<text class="detail-title">{{ detail.title }}</text>
|
|
<view class="detail-meta">
|
|
<text class="meta-author">{{ detail.author }}</text>
|
|
<text class="meta-time">{{ detail.publishTimeText }}</text>
|
|
<text class="meta-views">{{ detail.views }}阅读</text>
|
|
</view>
|
|
</view>
|
|
|
|
<!-- 封面图 -->
|
|
<view class="detail-cover" wx:if="{{ detail.image }}">
|
|
<van-image
|
|
width="100%"
|
|
height="400rpx"
|
|
fit="cover"
|
|
src="{{ detail.image }}"
|
|
/>
|
|
</view>
|
|
|
|
<!-- 正文内容 -->
|
|
<view class="detail-content">
|
|
<rich-text nodes="{{ detail.content }}"></rich-text>
|
|
</view>
|
|
|
|
<!-- 标签 -->
|
|
<view class="detail-tags">
|
|
<van-tag plain type="primary">{{ detail.category }}</van-tag>
|
|
</view>
|
|
|
|
<!-- 分割线 -->
|
|
<view class="divider"></view>
|
|
|
|
<!-- 相关推荐 -->
|
|
<view class="related-section" wx:if="{{ relatedList.length > 0 }}">
|
|
<view class="section-title">相关推荐</view>
|
|
<view class="related-list">
|
|
<view
|
|
class="related-item"
|
|
wx:for="{{ relatedList }}"
|
|
wx:key="id"
|
|
data-id="{{ item.id }}"
|
|
bindtap="onRelatedTap"
|
|
>
|
|
<text class="related-title ellipsis">{{ item.title }}</text>
|
|
<text class="related-views">{{ item.views }}阅读</text>
|
|
</view>
|
|
</view>
|
|
</view>
|
|
</block>
|
|
|
|
<!-- 底部操作栏 -->
|
|
<view class="action-bar safe-area-bottom" wx:if="{{ !loading }}">
|
|
<view class="action-item" bindtap="onFavorite">
|
|
<van-icon
|
|
name="{{ isFavorite ? 'star' : 'star-o' }}"
|
|
size="48rpx"
|
|
color="{{ isFavorite ? '#ffc107' : '#666' }}"
|
|
/>
|
|
<text>{{ isFavorite ? '已收藏' : '收藏' }}</text>
|
|
</view>
|
|
<view class="action-item">
|
|
<button class="share-btn" open-type="share">
|
|
<van-icon name="share-o" size="48rpx" color="#666" />
|
|
<text>分享</text>
|
|
</button>
|
|
</view>
|
|
</view>
|
|
</view>
|