Fun/TeyvatGuide
1
0
Fork 0
mirror of https://github.com/BTMuli/TeyvatGuide.git synced 2025-12-13 09:28:14 +08:00
Code Issues Packages Projects Releases Wiki Activity

💄 展示楼层id&回复id

Browse Source
This commit is contained in:
目棃
2024-09-03 13:33:45 +08:00
parent 9e0f624f17
commit 23cf0a3f5c
1 changed files with 21 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files

23
src/components/postReply/tpr-reply.vue
View File

@@ -49,12 +49,19 @@
</span> </span>
</div> </div>
</div> </div>
<div class="tpr-extra">
<span>{{ props.modelValue.reply.reply_id }}</span>
<span>{{ props.modelValue.reply.floor_id }}F</span>
</div>
</div> </div>
</template> </template>
<script lang="ts" setup> <script lang="ts" setup>
import { toRaw } from "vue";
import TpParser from "../post/tp-parser.vue"; import TpParser from "../post/tp-parser.vue";
interface TprReplyProps { interface TprReplyProps {
mode: "main" | "root" | "sub";
modelValue: TGApp.Plugins.Mys.Reply.ReplyFull; modelValue: TGApp.Plugins.Mys.Reply.ReplyFull;
} }
@@ -67,6 +74,8 @@ interface TprReplyEmits {
const props = defineProps<TprReplyProps>(); const props = defineProps<TprReplyProps>();
const emit = defineEmits<TprReplyEmits>(); const emit = defineEmits<TprReplyEmits>();
console.log("TprReply", toRaw(props.modelValue));
function getTime(): string { function getTime(): string {
const time = new Date(props.modelValue.reply.created_at * 1000); const time = new Date(props.modelValue.reply.created_at * 1000);
const now = new Date(); const now = new Date();
@@ -86,13 +95,13 @@ function getTime(): string {
.tpr-reply-box { .tpr-reply-box {
position: relative; position: relative;
display: flex; display: flex;
width: 280px; width: 100%;
flex-direction: column; flex-direction: column;
align-items: flex-start; align-items: flex-start;
justify-content: center; justify-content: center;
padding: 5px; padding: 5px;
border: 1px solid var(--common-shadow-1);
border-radius: 5px; border-radius: 5px;
margin: 5px;
background: var(--box-bg-1); background: var(--box-bg-1);
row-gap: 5px; row-gap: 5px;
word-break: break-all; word-break: break-all;
@@ -208,4 +217,14 @@ function getTime(): string {
cursor: pointer; cursor: pointer;
gap: 5px; gap: 5px;
} }
.tpr-extra {
display: flex;
width: 100%;
align-items: center;
justify-content: flex-end;
font-size: 12px;
gap: 5px;
opacity: 0.3;
}
</style> </style>