generated from maochaoying/dreamworks-frontend-template
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.
49 lines
1.0 KiB
49 lines
1.0 KiB
<template>
|
|
<div class="header_container">
|
|
<Date />
|
|
<div class="status_container">
|
|
<img :src="Status" class="status_img" alt="" />
|
|
<p class="status_text">机器运行状态</p>
|
|
</div>
|
|
<User />
|
|
</div>
|
|
</template>
|
|
|
|
<script setup>
|
|
import Date from './Date'
|
|
import Status from '@/assets/img/status.png'
|
|
import User from './User'
|
|
</script>
|
|
|
|
<style lang="scss" scoped>
|
|
.header_container {
|
|
margin-bottom: 20px;
|
|
display: flex;
|
|
align-items: center;
|
|
.status_container {
|
|
width: 1490px;
|
|
height: 68px;
|
|
border-radius: 34px;
|
|
background: #393f46;
|
|
margin-left: 20px;
|
|
padding: 0 18px;
|
|
box-sizing: border-box;
|
|
display: flex;
|
|
align-items: center;
|
|
.status_img {
|
|
width: 36px;
|
|
height: 36px;
|
|
margin-right: 18px;
|
|
}
|
|
.status_text {
|
|
font-family: Source Han Sans CN;
|
|
font-size: 22px;
|
|
font-weight: 500;
|
|
line-height: normal;
|
|
letter-spacing: 0.06em;
|
|
font-feature-settings: 'kern' on;
|
|
color: #b0b0b0;
|
|
}
|
|
}
|
|
}
|
|
</style>
|