update KilnRuntime

This commit is contained in:
lb 2023-05-09 13:27:35 +08:00
parent 67cb463f73
commit d8f97dd8f4
2 changed files with 48 additions and 11 deletions

View File

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

View File

@ -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'" /> <Container :usage="'NumberAndChart'" /> -->
</main>
<KilnRuntime />
</main>
</template> </template>
<script> <script>
import AreaOne from '../isolate-area-1/Area.vue' import KilnRuntime from "../boxes/KilnRuntime.vue";
import Container from './Container.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;