30 lines
743 B
Vue
30 lines
743 B
Vue
|
<!--污染物信息总览-->
|
||
|
|
<template>
|
||
|
|
<div class="overview-pollutants">
|
||
|
|
<secondary-title :title="title" longBg/>
|
||
|
|
</div>
|
||
|
|
</template>
|
||
|
|
|
||
|
|
<script>
|
||
|
|
export default {
|
||
|
|
name: "OverviewPollutants",
|
||
|
|
data() {
|
||
|
|
return {
|
||
|
|
title: '污染物信息总览'
|
||
|
|
}
|
||
|
|
}
|
||
|
|
}
|
||
|
|
</script>
|
||
|
|
|
||
|
|
<style scoped lang="less">
|
||
|
|
.overview-pollutants {
|
||
|
|
margin-top: 43px;
|
||
|
|
height: 601px;
|
||
|
|
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; /* 指定切分边框图像的位置 */
|
||
|
|
}
|
||
|
|
</style>
|