Feature: optimize gallery page and plugin page UI

This commit is contained in:
萌萌哒赫萝 2023-05-11 23:05:41 +08:00
parent e733f6c090
commit 0c7f49ba86
2 changed files with 11 additions and 7 deletions

View File

@ -24,8 +24,8 @@
<transition name="el-zoom-in-top"> <transition name="el-zoom-in-top">
<el-row v-show="handleBarActive"> <el-row v-show="handleBarActive">
<el-col <el-col
:span="20" :span="22"
:offset="2" :offset="1"
> >
<el-row <el-row
class="handle-bar" class="handle-bar"
@ -214,8 +214,8 @@
:class="{ small: handleBarActive }" :class="{ small: handleBarActive }"
> >
<el-col <el-col
:span="20" :span="22"
:offset="2" :offset="1"
> >
<el-row :gutter="16"> <el-row :gutter="16">
<photo-slider <photo-slider
@ -230,10 +230,10 @@
<el-col <el-col
v-for="(item, index) in filterList" v-for="(item, index) in filterList"
:key="item.id" :key="item.id"
:xs="12" :xs="24"
:sm="12" :sm="12"
:md="8" :md="8"
:lg="3" :lg="4"
:xl="2" :xl="2"
class="gallery-list__img" class="gallery-list__img"
> >

View File

@ -55,7 +55,11 @@
v-for="item in pluginList" v-for="item in pluginList"
:key="item.fullName" :key="item.fullName"
class="plugin-item__container" class="plugin-item__container"
:span="24" :xs="24"
:sm="pluginList.length === 1 ? 24 : 12"
:md="pluginList.length === 1 ? 24 : 12"
:lg="pluginList.length === 1 ? 24 : 6"
:xl="pluginList.length === 1 ? 24 : 6"
> >
<div <div
class="plugin-item" class="plugin-item"