diff --git a/src/views/public/CommentGenerator.vue b/src/views/public/CommentGenerator.vue index f0e4dcd..47fdd3e 100644 --- a/src/views/public/CommentGenerator.vue +++ b/src/views/public/CommentGenerator.vue @@ -43,7 +43,7 @@
全部 - {{ ltr }} + {{ ltr }} {{ statistics.productType }}
+
+ + 更新日期:{{ formatTime(statistics.lastCommentUpdateTime) }} +
@@ -287,6 +291,12 @@ export default { letters() { return Array.from('ABCDEFGHIJKLMNOPQRSTUVWXYZ') }, + availableLetters() { + // 只返回有数据的字母 + return this.letters.filter(ltr => { + return this.groupedByLetter[ltr] && this.groupedByLetter[ltr].length > 0 + }) + }, groupedByLetter() { const groups = {} const items = Array.isArray(this.typeOptions) ? this.typeOptions.slice() : [] @@ -667,6 +677,7 @@ export default { user-select: none; transition: all .15s ease; background: #fff; + font-size: 13px; } .word-sea .item-tag:hover { border-color: #409eff; color: #409eff; } .word-sea .item-tag.active { background: #409eff; border-color: #409eff; color: #fff; } @@ -893,6 +904,28 @@ export default { height: 44px; font-size: 15px; } + + /* 移动端缩小词条 */ + .word-sea .item-tag { + padding: 4px 8px; + margin: 3px 6px 3px 0; + font-size: 11px; + border-radius: 12px; + } + + .letter-nav { + flex-wrap: wrap; + } + + .letter-nav .el-button-group { + flex-wrap: wrap; + } + + .letter-nav .el-button { + padding: 5px 8px; + font-size: 11px; + min-width: 28px; + } } @media (max-width: 360px) { @@ -977,6 +1010,21 @@ export default { align-items: center; gap: 12px; flex-wrap: wrap; + margin-bottom: 8px; +} + +.update-time { + display: flex; + align-items: center; + gap: 6px; + font-size: 12px; + color: #909399; + margin-top: 8px; +} + +.update-time i { + font-size: 14px; + color: #409eff; } .source-tag {