Refactor API requests and update component styles
This commit is contained in:
@ -1,18 +1,18 @@
|
||||
<template>
|
||||
<div class="relative mt-34px w-100%">
|
||||
<div class="relative mt-[34px] w-[100%]">
|
||||
<KlTabBar v-model="tabIndex" :data="tabBar" />
|
||||
<KlWallpaperCategory v-model="query" v-model:level="level" :type="1" />
|
||||
<div class="absolute right-0px top-10px text-16px text-[#999999] font-normal"
|
||||
>共<span class="color-#1A65FF">{{ result.total }}</span
|
||||
<div class="absolute right-[0px] top-[10px] text-[16px] text-[#999999] font-normal"
|
||||
>共<span class="color-[#1A65FF]">{{ result?.total }}</span
|
||||
>个筛选结果</div
|
||||
>
|
||||
<div class="content mt-10px">
|
||||
<div class="content mt-[10px]">
|
||||
<el-row :gutter="20">
|
||||
<el-col v-for="(item, index) in result.list" :key="index" :span="6">
|
||||
<el-col v-for="(item, index) in result?.list" :key="index" :span="6">
|
||||
<CardPicture :item-info="item" />
|
||||
</el-col>
|
||||
</el-row>
|
||||
<el-empty v-if="!result.list.length" description="暂无数据"></el-empty>
|
||||
<el-empty v-if="!result?.list.length" description="暂无数据"></el-empty>
|
||||
</div>
|
||||
</div>
|
||||
</template>
|
||||
@ -31,7 +31,7 @@
|
||||
},
|
||||
])
|
||||
|
||||
const result = defineModel<pageRes>('modelValue', {
|
||||
const result = defineModel<pageRes| null>('modelValue', {
|
||||
required: true,
|
||||
})
|
||||
const query = defineModel<any>('query', {
|
||||
|
||||
Reference in New Issue
Block a user