1.adapt to the mobile page.
This commit is contained in:
parent
9e2e045b6e
commit
3086303ebc
|
@ -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
|
||||||
|
|
|
@ -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"
|
||||||
>
|
>
|
||||||
|
|
Loading…
Reference in New Issue