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

💄 调整布局

Browse Source
This commit is contained in:
目棃
2024-08-17 11:58:47 +08:00
parent a109588326
commit 2f41679546
3 changed files with 280 additions and 258 deletions
Download Patch File Download Diff File Expand all files Collapse all files

21
src/pages/User/Characters.vue
View File

@@ -23,13 +23,18 @@
</v-btn>
</div>
</div>
<div class="uc-grid">
<TuaAvatarBox
v-for="(role, index) in roleList"
:key="index"
:model-value="role"
@click="selectRole(role)"
/>
<div class="uc-content">
<div class="uc-left">
<div class="ucl-top"></div>
<div class="uc-grid">
<TuaAvatarBox
v-for="(role, index) in roleList"
:key="index"
:model-value="role"
@click="selectRole(role)"
/>
</div>
</div>
</div>
</div>
</template>
@@ -235,6 +240,6 @@ function selectRole(role: TGApp.Sqlite.Character.UserRole): void {
.uc-grid {
display: grid;
grid-gap: 10px;
grid-template-columns: repeat(auto-fit, minmax(450px, 1fr));
grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
}
</style>