|
|
@@ -1,8 +1,11 @@
|
|
|
<template>
|
|
|
- <view class="section" v-if="displayArticles && displayArticles.length > 0">
|
|
|
+ <view class="section">
|
|
|
<view class="section-header">
|
|
|
<text class="section-title">推荐阅读</text>
|
|
|
- <text class="section-more" v-if="displayArticles.length > 0" @click="$emit('moreArticles')">更多 ›</text>
|
|
|
+ <text class="section-more" v-if="displayArticles && displayArticles.length > 0" @click="$emit('moreArticles')">更多 ›</text>
|
|
|
+ </view>
|
|
|
+ <view v-if="!displayArticles || displayArticles.length === 0" class="empty-state">
|
|
|
+ <text class="empty-tip">{{ isLoggedIn ? '暂无阅读推荐' : '登录后查看更多文章' }}</text>
|
|
|
</view>
|
|
|
<view class="article-list">
|
|
|
<view class="article-card" v-for="article in displayArticles" :key="article.id" @click="$emit('articleClick', article)">
|
|
|
@@ -136,4 +139,13 @@ export default {
|
|
|
color: #bbb;
|
|
|
margin-left: auto;
|
|
|
}
|
|
|
+.empty-state {
|
|
|
+ display: flex;
|
|
|
+ justify-content: center;
|
|
|
+ padding: 40rpx 0;
|
|
|
+}
|
|
|
+.empty-tip {
|
|
|
+ font-size: 24rpx;
|
|
|
+ color: #999;
|
|
|
+}
|
|
|
</style>
|