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

♻️ 样式组件化

Browse Source
This commit is contained in:
BTMuli
2023-06-20 21:27:47 +08:00
parent d1e778bcb7
commit 4bb5a248a4
4 changed files with 45 additions and 87 deletions
Download Patch File Download Diff File Expand all files Collapse all files

39
src/pages/User/Record.vue
View File

@@ -19,25 +19,13 @@
分享
</v-btn>
</div>
<div class="ur-sub-title">
<img src="/src/assets/icons/arrow-right.svg" alt="overview">
<span>数据总览</span>
</div>
<TSubLine>数据总览</TSubLine>
<TurOverviewGrid v-model="recordData.stats" />
<div class="ur-sub-title">
<img src="/src/assets/icons/arrow-right.svg" alt="overview">
<span>我的角色</span>
</div>
<TSubLine>角色信息</TSubLine>
<TurAvatarGrid v-model="recordData.avatars" />
<div class="ur-sub-title">
<img src="/src/assets/icons/arrow-right.svg" alt="overview">
<span>世界探索</span>
</div>
<TSubLine>世界探索</TSubLine>
<TurWorldGrid v-model="recordData.worldExplore" />
<div class="ur-sub-title">
<img src="/src/assets/icons/arrow-right.svg" alt="overview">
<span>尘歌壶</span>
</div>
<TSubLine>尘歌壶</TSubLine>
<TurHomeGrid v-model="recordData.homes" />
</div>
</template>
@@ -45,6 +33,7 @@
// vue
import { computed, onMounted, ref } from "vue";
import ToLoading from "../../components/overlay/to-loading.vue";
import TSubLine from "../../components/main/t-subline.vue";
import TurOverviewGrid from "../../components/userRecord/tur-overview-grid.vue";
import TurAvatarGrid from "../../components/userRecord/tur-avatar-grid.vue";
import TurWorldGrid from "../../components/userRecord/tur-world-grid.vue";
@@ -154,22 +143,4 @@ function getTheme () {
color: var(--common-color-white);
margin-left: 15px;
}
.ur-sub-title {
background: var(--common-bg-2);
display: flex;
align-items: center;
height: 30px;
padding: 0 10px;
margin: 5px 0;
border-radius: 5px;
font-family: var(--font-text);
color: var(--common-color-white);
}
.ur-sub-title img {
width: 20px;
height: 20px;
margin-right: 5px;
}
</style>