@@ -1,14 +1,33 @@ | |||||
<template> | <template> | ||||
<!-- 窑炉运行时间 --> | <!-- 窑炉运行时间 --> | ||||
<div></div> | |||||
<Container usage="NumberOrDate"> | |||||
<SubContainer title="窑炉运行时间" icon="clock"> | |||||
<div class="flex flex-col"> | |||||
<div class="time"> | |||||
<div class="time--item" v-for="(item, index) in time" :key="index"> | |||||
{{ item }} | |||||
</div> | |||||
</div> | |||||
<div class="text"> | |||||
窑炉运行时间 | |||||
</div> | |||||
</div> | |||||
</SubContainer> | |||||
</Container> | |||||
</template> | </template> | ||||
<script> | <script> | ||||
import Container from "../layout/Container.vue"; | |||||
import SubContainer from "../layout/SubContainer.vue"; | |||||
export default { | export default { | ||||
name: "KilnRuntime", | name: "KilnRuntime", | ||||
components: { Container, SubContainer }, | |||||
props: {}, | props: {}, | ||||
data() { | data() { | ||||
return {}; | |||||
return { | |||||
time: "2202天55时", | |||||
}; | |||||
}, | }, | ||||
created() {}, | created() {}, | ||||
mounted() {}, | mounted() {}, | ||||
@@ -16,4 +35,19 @@ export default { | |||||
}; | }; | ||||
</script> | </script> | ||||
<style scoped></style> | |||||
<style scoped> | |||||
.time--item { | |||||
color: white; | |||||
/* background: ''; */ | |||||
} | |||||
.text {} | |||||
.text::after{ | |||||
content: ''; | |||||
display: block; | |||||
/* 渐变色 */ | |||||
/* background: khaki; */ | |||||
} | |||||
</style> |
@@ -1,21 +1,24 @@ | |||||
<template> | <template> | ||||
<main> | <main> | ||||
main content | |||||
main content | |||||
<AreaOne /> | <AreaOne /> | ||||
<Container :usage="'NumberOrDate'" /> | |||||
<!-- <Container :usage="'NumberOrDate'" /> | |||||
<Container :usage="'Table'" /> | <Container :usage="'Table'" /> | ||||
<Container :usage="'Charts'" /> | <Container :usage="'Charts'" /> | ||||
<Container :usage="'NumberAndChart'" /> | |||||
</main> | |||||
<Container :usage="'NumberAndChart'" /> --> | |||||
<KilnRuntime /> | |||||
</main> | |||||
</template> | </template> | ||||
<script> | <script> | ||||
import AreaOne from '../isolate-area-1/Area.vue' | |||||
import Container from './Container.vue' | |||||
import KilnRuntime from "../boxes/KilnRuntime.vue"; | |||||
import AreaOne from "../isolate-area-1/Area.vue"; | |||||
// import Container from './Container.vue' | |||||
export default { | export default { | ||||
name: "Main", | name: "Main", | ||||
components: { AreaOne, Container }, | |||||
components: { AreaOne, KilnRuntime }, | |||||
props: {}, | props: {}, | ||||
data() { | data() { | ||||
return {}; | return {}; | ||||
@@ -27,7 +30,7 @@ export default { | |||||
</script> | </script> | ||||
<style scoped lang="scss"> | <style scoped lang="scss"> | ||||
@import '../../assets/styles/functions'; | |||||
@import "../../assets/styles/functions"; | |||||
main { | main { | ||||
height: 1px; | height: 1px; | ||||