You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
40 lines
946 B
40 lines
946 B
2 weeks ago
|
<template>
|
||
|
|
<div class="data-screen" element-loading-text="加载中请稍后..." >
|
||
|
|
<div class="topheader">
|
||
|
|
<div class="gradient">
|
||
|
|
智慧工地数据大屏
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</template>
|
||
|
|
<script setup>
|
||
|
|
import { ref, onMounted, reactive, nextTick } from 'vue'
|
||
|
|
const state = reactive({
|
||
|
|
loading: false
|
||
|
|
})
|
||
|
|
</script>
|
||
|
|
<style scoped lang='scss'>
|
||
|
|
.topheader {
|
||
|
|
width: 100%;
|
||
|
|
height: 158px;
|
||
|
|
background: url('../../assets/images/datatopbj.png') no-repeat;
|
||
|
|
background-size: 100% 100%;
|
||
|
|
display: flex;
|
||
|
|
justify-content: center;
|
||
|
|
font-weight: 400;
|
||
|
|
font-size: 52px;
|
||
|
|
padding-top: 20px;
|
||
|
|
}
|
||
|
|
|
||
|
|
.gradient {
|
||
|
|
background: linear-gradient(270.0000000000008deg, #F2F7FF 0%, #D4F7FF 50%, #F2F7FF 100%);
|
||
|
|
-webkit-background-clip: text;
|
||
|
|
-webkit-text-fill-color: transparent;
|
||
|
|
}
|
||
|
|
|
||
|
|
.data-screen {
|
||
|
|
width: 100%;
|
||
|
|
height: 100vh;
|
||
|
|
background: #040614;
|
||
|
|
}
|
||
|
|
</style>
|