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.
87 lines
1.9 KiB
87 lines
1.9 KiB
<template>
|
|
<div class="home_container">
|
|
<div class="header_card_wrap">
|
|
<div class="header_info">
|
|
<p class="machine_title">A18000</p>
|
|
<div class="status_wrap">
|
|
<img :src="Ok" class="status_img" alt="" />
|
|
<p class="status_text">密封良好</p>
|
|
</div>
|
|
</div>
|
|
<Tube />
|
|
</div>
|
|
<div class="content_card_wrap">
|
|
<Steps />
|
|
<LiquidInjection />
|
|
<Tabs />
|
|
</div>
|
|
</div>
|
|
</template>
|
|
|
|
<script setup>
|
|
import Ok from '@/assets/img/ok.png'
|
|
import Tube from 'cpns/Tube'
|
|
import Steps from 'cpns/Steps'
|
|
import LiquidInjection from 'cpns/operation/LiquidInjection'
|
|
import Tabs from 'cpns/Tabs'
|
|
</script>
|
|
|
|
<style lang="scss" scoped>
|
|
.home_container {
|
|
width: 800px;
|
|
height: 1280px;
|
|
opacity: 1;
|
|
background: #f0f6fb;
|
|
overflow: hidden;
|
|
box-sizing: border-box;
|
|
.header_card_wrap {
|
|
padding: 30px;
|
|
box-sizing: border-box;
|
|
.header_info {
|
|
width: 740px;
|
|
height: 97px;
|
|
border-radius: 48px;
|
|
background: #fff;
|
|
box-sizing: border-box;
|
|
display: flex;
|
|
align-items: center;
|
|
justify-content: space-between;
|
|
margin-bottom: 32px;
|
|
padding: 0 45px;
|
|
.machine_title {
|
|
font-family: Poppins;
|
|
font-size: 36px;
|
|
font-weight: bold;
|
|
line-height: normal;
|
|
letter-spacing: 0.02em;
|
|
color: #08092c;
|
|
}
|
|
.status_wrap {
|
|
display: flex;
|
|
align-items: center;
|
|
.status_img {
|
|
width: 28px;
|
|
height: 28px;
|
|
}
|
|
.status_text {
|
|
font-family: Poppins;
|
|
font-size: 22px;
|
|
font-weight: bold;
|
|
line-height: normal;
|
|
letter-spacing: 0.02em;
|
|
color: #9395a0;
|
|
margin-left: 9px;
|
|
}
|
|
}
|
|
}
|
|
}
|
|
.content_card_wrap {
|
|
width: 800px;
|
|
height: 730px;
|
|
border-radius: 40px 40px 0 0;
|
|
background: #ffffff;
|
|
padding: 20px;
|
|
box-sizing: border-box;
|
|
}
|
|
}
|
|
</style>
|