mirror of
https://gitee.com/beecue/fastbee.git
synced 2025-12-17 16:36:03 +08:00
响应式布局
This commit is contained in:
@@ -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;">
|
||||||
|
|||||||
@@ -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
|
||||||
}
|
}
|
||||||
|
|||||||
Reference in New Issue
Block a user