50 lines
1.1 KiB
Vue
50 lines
1.1 KiB
Vue
<!--实时检查数据-->
|
||
<template>
|
||
<div class="check-data">
|
||
<secondary-title :title="title" longBg>
|
||
<template>
|
||
<div class="right-tip">
|
||
注释：表头为“污染物名称[污染物标准值]”
|
||
</div>
|
||
</template>
|
||
</secondary-title>
|
||
</div>
|
||
</template>
|
||
|
||
<script>
|
||
export default {
|
||
name: "CheckData",
|
||
data() {
|
||
return {
|
||
title: '实时检查数据'
|
||
}
|
||
}
|
||
}
|
||
</script>
|
||
|
||
<style scoped lang="less">
|
||
@import "assets/styles/mixin";
|
||
|
||
.check-data {
|
||
margin-top: 43px;
|
||
height: 984px;
|
||
width: 100%;
|
||
background-image: linear-gradient(62deg, rgba(8, 31, 55, 0.10) 0%, rgba(18, 50, 81, 0.10) 100%);
|
||
border: 1px solid transparent; /* 先将边框颜色设置为透明 */
|
||
border-image: linear-gradient(rgba(79, 182, 238, 0), rgba(39, 127, 216, 1)); /* 使用线性渐变作为边框图片 */
|
||
border-image-slice: 1; /* 指定切分边框图像的位置 */
|
||
|
||
.right-tip {
|
||
height: 100%;
|
||
font-family: MicrosoftYaHei;
|
||
font-size: 29.97px;
|
||
color: #6AC4FF;
|
||
letter-spacing: 1.97px;
|
||
text-align: right;
|
||
font-weight: 400;
|
||
padding-right: 10px;
|
||
.flex-row;
|
||
}
|
||
}
|
||
</style>
|