Fun/TeyvatGuide
1
0
Fork 0
mirror of https://github.com/BTMuli/TeyvatGuide.git synced 2026-04-14 20:53:20 +08:00
Code Issues Packages Projects Releases Wiki Activity

✨ 重构真境剧诗页面UI，优化组件结构与样式

Browse Source
This commit is contained in:
BTMuli
2025-12-06 20:36:53 +08:00
parent 58c2044f47
commit 2ca77b9944
16 changed files with 575 additions and 231 deletions
Download Patch File Download Diff File Expand all files Collapse all files

9
src/components/app/t-subline.vue
View File

@@ -1,6 +1,9 @@
<!-- 标题栏组件 -->
<template>
<div class="tsl-box">
<img src="@/assets/icons/arrow-right.svg" alt="right" />
<slot name="icon">
<img alt="right" class="tsl-icon" src="@/assets/icons/arrow-right.svg" />
</slot>
<slot></slot>
</div>
</template>
@@ -18,7 +21,7 @@
gap: 4px;
}
.tsl-box :first-child {
.tsl-icon {
width: 24px;
height: 24px;
box-sizing: border-box;
@@ -26,7 +29,7 @@
filter: invert(0.75);
}
.dark .tsl-box :first-child {
.dark .tsl-icon {
filter: none;
}
</style>