From d6bf6c38fe15510aac8e56569ca0450fb8656c89 Mon Sep 17 00:00:00 2001 From: zhangzengfei <zhangzengfei@iotlink.com> Date: 星期四, 30 七月 2020 18:55:09 +0800 Subject: [PATCH] 调整摄像机接入页面 --- src/pages/cameraAccess/components/infoCard.vue | 148 ++++++++++++++++++++++++------------------------ 1 files changed, 74 insertions(+), 74 deletions(-) diff --git a/src/components/camera/infoCard.vue b/src/pages/cameraAccess/components/infoCard.vue similarity index 99% rename from src/components/camera/infoCard.vue rename to src/pages/cameraAccess/components/infoCard.vue index c650a5d..700efe4 100644 --- a/src/components/camera/infoCard.vue +++ b/src/pages/cameraAccess/components/infoCard.vue @@ -1,75 +1,75 @@ -<template> - <el-row class="infoCard"> - <el-col :span="8"> - <p> - <i class="iconfont iconshishichuli"></i><span class="fontClass">瀹炴椂绠楀姏</span> - </p> - <p><span style="color: #f49d37;font-family: 'PingFangSC-Regular';font-size:28px;font-weight: 600;">{{realtime}}</span></p> - </el-col> - <el-col style="width: 1px;height: 80%;margin-top: 10px;background: #DCDFE6"> - </el-col> - <el-col :span="8"> - <p> - <i class="iconfont iconrolling"></i><span class="fontClass">杞绠楀姏</span> - </p> - <p><span style="color: #f49d37;font-family: 'PingFangSC-Regular';font-size:28px;font-weight: 600;">{{polling}}</span></p> - </el-col> - <el-col style="width: 1px;height: 80%;margin-top: 10px;background: #DCDFE6"> - </el-col> - <el-col :span="7"> - <p> - <i class="iconfont iconshuju"></i><span class="fontClass">鏁版嵁鏍堢畻鍔�</span> - </p> - <p><span style="color: #f49d37;font-family: 'PingFangSC-Regular';font-size:28px;font-weight: 600;">{{dataStack}}</span></p> - </el-col> - </el-row> -</template> - -<script> -export default { - props: { - realtime: { - type: Number, - default: 10 - }, - polling: { - type: Number, - default: 0 - }, - dataStack: { - type: Number, - default: 0 - }, - } -} -</script> -<style lang="scss"> - .infoCard { - width: 100%; - height: 100px; - border: 1px solid #e2e2e2; - box-shadow: 0px 0px 10px 5px rgba(0,0,0,0.1); - border-radius: 3px; - i { - float: left; - margin-left:10px; - font-size: 28px; - font-weight: 600; - color: #3d68e1; - } - p { - height: 45px; - line-height: 45px; - vertical-align: middle - } - .fontClass { - float: left; - margin-left: 10px; - font-family: "PingFangSC-Regular"; - text-align: left; - font-size: 14px; - color: #222222; - font-weight: 600; - } - } +<template> + <el-row class="infoCard"> + <el-col :span="8"> + <p> + <i class="iconfont iconshishichuli"></i><span class="fontClass">瀹炴椂绠楀姏</span> + </p> + <p><span style="color: #f49d37;font-family: 'PingFangSC-Regular';font-size:28px;font-weight: 600;">{{realtime}}</span></p> + </el-col> + <el-col style="width: 1px;height: 80%;margin-top: 10px;background: #DCDFE6"> + </el-col> + <el-col :span="8"> + <p> + <i class="iconfont iconrolling"></i><span class="fontClass">杞绠楀姏</span> + </p> + <p><span style="color: #f49d37;font-family: 'PingFangSC-Regular';font-size:28px;font-weight: 600;">{{polling}}</span></p> + </el-col> + <el-col style="width: 1px;height: 80%;margin-top: 10px;background: #DCDFE6"> + </el-col> + <el-col :span="7"> + <p> + <i class="iconfont iconshuju"></i><span class="fontClass">鏁版嵁鏍堢畻鍔�</span> + </p> + <p><span style="color: #f49d37;font-family: 'PingFangSC-Regular';font-size:28px;font-weight: 600;">{{dataStack}}</span></p> + </el-col> + </el-row> +</template> + +<script> +export default { + props: { + realtime: { + type: Number, + default: 10 + }, + polling: { + type: Number, + default: 0 + }, + dataStack: { + type: Number, + default: 0 + }, + } +} +</script> +<style lang="scss"> + .infoCard { + width: 100%; + height: 100px; + border: 1px solid #e2e2e2; + box-shadow: 0px 0px 10px 5px rgba(0,0,0,0.1); + border-radius: 3px; + i { + float: left; + margin-left:10px; + font-size: 28px; + font-weight: 600; + color: #3d68e1; + } + p { + height: 45px; + line-height: 45px; + vertical-align: middle + } + .fontClass { + float: left; + margin-left: 10px; + font-family: "PingFangSC-Regular"; + text-align: left; + font-size: 14px; + color: #222222; + font-weight: 600; + } + } </style> \ No newline at end of file -- Gitblit v1.8.0