|
@@ -125,7 +125,7 @@
|
|
|
<span>选择要在哪个角色上新增场景?</span>
|
|
|
<el-tabs v-model="tabActive" @tab-click="handleClickTab">
|
|
|
<el-tab-pane label="我的角色" name="1">
|
|
|
- <div class=" grid grid-cols-3 gap-8">
|
|
|
+ <div class="tabContent grid grid-cols-3 gap-8">
|
|
|
<div v-for="( item, index ) in userCharacterList " :key="index" @click="selectCharacter(item)">
|
|
|
<img class="rounded-full object-cover cursor-pointer w-20 h-20" :src="baseApi + item.picture" alt="">
|
|
|
<div class="characterName text-center w-20">{{ item.characterName }}</div>
|
|
@@ -133,7 +133,7 @@
|
|
|
</div>
|
|
|
</el-tab-pane>
|
|
|
<el-tab-pane label="热门角色" name="2">
|
|
|
- <div class=" grid grid-cols-3 gap-8 justify-items-center">
|
|
|
+ <div class="tabContent grid grid-cols-3 gap-8 justify-items-center">
|
|
|
<div v-for="( item, index ) in characterList " :key="index" @click="selectCharacter(item)">
|
|
|
<img class="rounded-full object-cover cursor-pointer w-20 h-20" :src="baseApi + item.picture" alt="">
|
|
|
<div class="characterName text-center w-20">{{ item.characterName }}</div>
|
|
@@ -414,6 +414,10 @@ export default {
|
|
|
.bgActive {
|
|
|
border: solid 2px var(--bg-color1);
|
|
|
}
|
|
|
+
|
|
|
+.tabContent {
|
|
|
+ height: calc(100vh - 55px - 60px - 16px - 55px);
|
|
|
+}
|
|
|
</style>
|
|
|
<style scoped>
|
|
|
.radio>>>.el-radio-button {
|