jiazhizhong/OpenIsle
1
0
Fork 0
mirror of https://github.com/nagisa77/OpenIsle.git synced 2026-06-09 03:27:32 +08:00
Code Issues Packages Projects Releases Wiki Activity

feat: sort by

Browse Source
This commit is contained in:
Tim
2025-07-29 21:21:03 +08:00
parent d248be21e2
commit 24a46384b0
1 changed files with 23 additions and 1 deletions
Download Patch File Download Diff File Expand all files Collapse all files

24
open-isle-cli/src/views/PostPageView.vue
View File

@@ -66,6 +66,13 @@
<CommentEditor @submit="postComment" :loading="isWaitingPostingComment" :disabled="!loggedIn" <CommentEditor @submit="postComment" :loading="isWaitingPostingComment" :disabled="!loggedIn"
:show-login-overlay="!loggedIn" /> :show-login-overlay="!loggedIn" />
<div class="comment-config-container">
<div class="comment-sort-container">
<div class="comment-sort-title">Sort by: </div>
<Dropdown></Dropdown>
</div>
</div>
<div class="comments-container"> <div class="comments-container">
<BaseTimeline :items="comments"> <BaseTimeline :items="comments">
<template #item="{ item }"> <template #item="{ item }">
@@ -120,11 +127,12 @@ import TimeManager from '../utils/time'
import { hatch } from 'ldrs' import { hatch } from 'ldrs'
import { useRouter } from 'vue-router' import { useRouter } from 'vue-router'
import { isMobile } from '../utils/screen' import { isMobile } from '../utils/screen'
import Dropdown from '../components/Dropdown.vue'
hatch.register() hatch.register()
export default { export default {
name: 'PostPageView', name: 'PostPageView',
components: { CommentItem, CommentEditor, BaseTimeline, ArticleTags, ArticleCategory, ReactionsGroup, DropdownMenu, VueEasyLightbox }, components: { CommentItem, CommentEditor, BaseTimeline, ArticleTags, ArticleCategory, ReactionsGroup, DropdownMenu, VueEasyLightbox, Dropdown },
setup() { setup() {
const route = useRoute() const route = useRoute()
const postId = route.params.id const postId = route.params.id
@@ -624,6 +632,20 @@ export default {
width: 15%; width: 15%;
} }
.comment-config-container {
display: flex;
flex-direction: row;
align-items: center;
padding: 10px;
}
.comment-sort-container {
display: flex;
flex-direction: row;
align-items: center;
gap: 10px;
}
.scroller { .scroller {
margin-top: 20px; margin-top: 20px;
margin-left: 20px; margin-left: 20px;