响应式布局

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-card style="padding-bottom:100px;">
<el-row :gutter="30" v-loading="loading"> <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-card :body-style="{ padding: '20px'}" shadow="always">
<el-row type="flex" :gutter="10" justify="space-between"> <el-row type="flex" :gutter="10" justify="space-between">
<el-col :span="20" style="text-align:left;"> <el-col :span="20" style="text-align:left;">

View File

@@ -384,9 +384,9 @@ export default {
lineStyle: { lineStyle: {
width: 8, width: 8,
color: [ color: [
[0.3, '#409EFF'], // 0~30% [0.2, '#409EFF'], // 0~20%
[0.7, '#67C23A'], // 30~70% [0.8, '#67C23A'], // 40~60%
[1, '#F56C6C'], // 70~100% [1, '#F56C6C'], // 80~100%
], ],
opacity: 0.3 opacity: 0.3
} }