sileya-ai
/
vr-uniapp
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

修改选项卡的显示

v1.0.0
于肖磊 2024-08-22 16:36:25 +08:00
parent 1186f98759
commit 076cce46ea
1 changed files with 7 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

8
src/components/common/tabs-view/index.vue
View File

@ -2,7 +2,12 @@
<div class="tabs flex-row oh"> <div class="tabs flex-row oh">
<template v-for="(item, index) in tabs.content.tabs_list" :key="index"> <template v-for="(item, index) in tabs.content.tabs_list" :key="index">
<div class="item nowrap flex-col jc-c gap-4" :class="tabs_style + (index == 0 ? ' active' : '')"> <div class="item nowrap flex-col jc-c gap-4" :class="tabs_style + (index == 0 ? ' active' : '')">
<image-empty v-model="item.img[0]" class="img" error-img-style="width:2rem;height:2rem;"></image-empty> <template v-if="!isEmpty(item.img)">
<image-empty v-model="item.img[0]" class="img" error-img-style="width:2rem;height:2rem;"></image-empty>
</template>
<template v-else>
<image-empty class="img" error-img-style="width:2rem;height:2rem;"></image-empty>
</template>
<div class="title" :style="index == 0 ? tabs_style_style.tabs_title_checked : tabs_style_style.tabs_title">{{ item.title }}</div> <div class="title" :style="index == 0 ? tabs_style_style.tabs_title_checked : tabs_style_style.tabs_title">{{ item.title }}</div>
<div class="desc">{{ item.desc }}</div> <div class="desc">{{ item.desc }}</div>
<icon name="checked-1" class="icon"></icon> <icon name="checked-1" class="icon"></icon>
@ -14,6 +19,7 @@
<script lang="ts" setup> <script lang="ts" setup>
import { gradient_computer } from '@/utils'; import { gradient_computer } from '@/utils';
import { isEmpty } from 'lodash';
const props = defineProps({ const props = defineProps({
value: { value: {
type: Object, type: Object,