1.adapt to the mobile page.

This commit is contained in:
atom 2023-02-03 16:57:53 +08:00
parent 9e2e045b6e
commit 3086303ebc
2 changed files with 3 additions and 3 deletions

View File

@ -6,7 +6,7 @@
<loading-overlay :loading="loading" /> <loading-overlay :loading="loading" />
<el-image <el-image
class="block w-full h-32 lg:h-60" class="block w-full h-40 lg:h-60"
:src="src" :src="src"
fit="cover" fit="cover"
hide-on-click-modal hide-on-click-modal

View File

@ -25,10 +25,10 @@
<span v-else class="pl-2 text-gray-600"> {{ it }}</span> <span v-else class="pl-2 text-gray-600"> {{ it }}</span>
</div> </div>
</div> </div>
<div class="grid gap-4 grid-cols-4"> <div class="grid gap-4 lg:grid-cols-4 grid-cols-2">
<transition-group name="el-fade-in-linear"> <transition-group name="el-fade-in-linear">
<div <div
class="col-span-3 md:col-span-1" class="col-span-1 md:col-span-1"
v-for="item in uploadedImages" v-for="item in uploadedImages"
:key="item.url" :key="item.url"
> >