响应式布局

This commit is contained in:
kerwincui
2022-04-16 16:51:23 +08:00
parent a0a3987209
commit 1a8d39f92d
2 changed files with 4 additions and 4 deletions

View File

@@ -28,7 +28,7 @@
<el-card style="padding-bottom:100px;">
<el-row :gutter="30" v-loading="loading">
<el-col :xs="24" :sm="24" :md="24" :lg="8" :xl="6" v-for="(item,index) in deviceList" :key="index" style="margin-bottom:30px;text-align:center;">
<el-col :xs="24" :sm="12" :md="12" :lg="8" :xl="6" v-for="(item,index) in deviceList" :key="index" style="margin-bottom:30px;text-align:center;">
<el-card :body-style="{ padding: '20px'}" shadow="always">
<el-row type="flex" :gutter="10" justify="space-between">
<el-col :span="20" style="text-align:left;">