| | |
| | | </el-icon> |
| | | </div> |
| | | <div class="cloud-connection-status"> |
| | | <el-icon v-if="cloudConnectionIconStatus" class="size_38" color="#00ff00"> |
| | | <el-icon v-if="cloudConnectionIconStatus" class="size_36" color="#00ff00"> |
| | | <IconCloudDone></IconCloudDone> |
| | | </el-icon> |
| | | |
| | | <el-icon v-else class="size_38" color="#ff0000"> |
| | | <el-icon v-else class="size_36" color="#ff0000"> |
| | | <IconCloudOff></IconCloudOff> |
| | | </el-icon> |
| | | </div> |
| | |
| | | .size_26 { |
| | | font-size: 26px; |
| | | } |
| | | .size_38 { |
| | | font-size: 38px; |
| | | .size_36 { |
| | | font-size: 36px; |
| | | } |
| | | .title-text-box { |
| | | width: calc(100% - 150px); |
| | |
| | | |
| | | .title-status { |
| | | height: 100%; |
| | | // display: flex; |
| | | display: flex; |
| | | vertical-align: middle; |
| | | align-items: center; |
| | | position: absolute; |
| | |
| | | right: 6px; |
| | | div { |
| | | vertical-align: middle; |
| | | float: left; |
| | | display: inline-block; |
| | | margin-top: 19px; |
| | | margin-top: 7px; |
| | | } |
| | | .cloud-connection-status { |
| | | margin-top: 14px; |
| | | margin-top: 5px; |
| | | } |
| | | } |
| | | .connection-info { |