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

💄 完善 unknown 样式&处理

Browse Source
This commit is contained in:
BTMuli
2023-12-27 23:13:25 +08:00
parent 9973cb1577
commit 6b4cd2a666
1 changed files with 22 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files

24
src/components/post/tp-unknown.vue
View File

@@ -1,12 +1,32 @@
<template> <template>
<div class="mys-post-unknown"> <div class="tp-unknown-box">
<code class="mys-post-unknown-code">{{ JSON.stringify(props.data, null, 2) }}</code> <code class="tp-unknown-code">{{ JSON.stringify(props.data, null, 2) }}</code>
</div> </div>
</template> </template>
<script lang="ts" setup> <script lang="ts" setup>
import { toRaw } from "vue";
interface TpUnknownProps { interface TpUnknownProps {
data: TGApp.Plugins.Mys.SctPost.Empty; data: TGApp.Plugins.Mys.SctPost.Empty;
} }
const props = defineProps<TpUnknownProps>(); const props = defineProps<TpUnknownProps>();
console.warn("tpUnknown", toRaw(props.data.insert));
</script> </script>
<style lang="css" scoped>
.tp-unknown-box {
width: 800px;
padding: 10px;
border: 1px solid var(--common-shadow-1);
border-radius: 10px;
background: var(--box-bg-1);
}
.tp-unknown-code {
font-family: var(--font-text);
opacity: 0.6;
white-space: pre-wrap;
word-break: break-all;
}
</style>