mirror of
https://gitee.com/beecue/fastbee.git
synced 2025-12-18 00:45:55 +08:00
响应式布局
This commit is contained in:
@@ -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;">
|
||||
|
||||
@@ -384,9 +384,9 @@ export default {
|
||||
lineStyle: {
|
||||
width: 8,
|
||||
color: [
|
||||
[0.3, '#409EFF'], // 0~30%
|
||||
[0.7, '#67C23A'], // 30~70%
|
||||
[1, '#F56C6C'], // 70~100%
|
||||
[0.2, '#409EFF'], // 0~20%
|
||||
[0.8, '#67C23A'], // 40~60%
|
||||
[1, '#F56C6C'], // 80~100%
|
||||
],
|
||||
opacity: 0.3
|
||||
}
|
||||
|
||||
Reference in New Issue
Block a user