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.
62 lines
2.0 KiB
62 lines
2.0 KiB
<view class="article-detail-container">
|
|
|
|
<!-- 文章内容 -->
|
|
<scroll-view class="article-content" scroll-y>
|
|
<!-- 文章封面 -->
|
|
<view class="article-cover">
|
|
<image
|
|
class="cover-image"
|
|
src="{{baseUrl + article.coverImage}}"
|
|
mode="widthFix"
|
|
lazy-load
|
|
></image>
|
|
<view class="cover-overlay"></view>
|
|
<view class="cover-gradient"></view>
|
|
<view class="cover-category">{{article.category}}</view>
|
|
</view>
|
|
|
|
<!-- 文章主体 -->
|
|
<view class="article-body">
|
|
<!-- 标题区域 -->
|
|
<view class="title-section">
|
|
<view class="article-title">{{article.title}}</view>
|
|
<view class="article-subtitle">{{article.subtitle}}</view>
|
|
|
|
<!-- 专家信息 -->
|
|
<view class="expert-info">
|
|
<image class="expert-avatar" src="{{baseUrl + article.expertAvatar}}"></image>
|
|
<view class="expert-detail">
|
|
<view class="expert-name">{{article.expertName}}</view>
|
|
<view class="publish-time">{{article.publishTime}}</view>
|
|
</view>
|
|
<view class="view-count">
|
|
<image class="view-icon" src="/pagesB/images/lll.png"></image>
|
|
<text>{{article.viewCount}} 阅读</text>
|
|
</view>
|
|
</view>
|
|
</view>
|
|
|
|
<!-- 文章内容（富文本） -->
|
|
<view class="rich-content">
|
|
<rich-text nodes="{{article.content}}"></rich-text>
|
|
</view>
|
|
|
|
</view>
|
|
</scroll-view>
|
|
|
|
|
|
<!-- 加载中 -->
|
|
<view class="loading-container" wx:if="{{loading}}">
|
|
<view class="loading-spinner">
|
|
<view class="spinner-circle"></view>
|
|
<view class="spinner-circle circle-2"></view>
|
|
<view class="spinner-circle circle-3"></view>
|
|
</view>
|
|
<text class="loading-text">加载中...</text>
|
|
</view>
|
|
|
|
<!-- 回到顶部按钮 -->
|
|
<view class="back-to-top" wx:if="{{scrollTop > 400}}" catchtap="scrollToTop">
|
|
<image class="top-icon" src="/pagesB/images/top.png"></image>
|
|
</view>
|
|
</view>
|