<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>