update KilnRuntime

src/components/boxes/KilnRuntime.vue

@@ -1,14 +1,33 @@
 <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>
 
 <script>
+import Container from "../layout/Container.vue";
+import SubContainer from "../layout/SubContainer.vue";
+
 export default {
 	name: "KilnRuntime",
+	components: { Container, SubContainer },
 	props: {},
 	data() {
-		return {};
+		return {
+			time: "2202天55时",
+		};
 	},
 	created() {},
 	mounted() {},
@@ -16,4 +35,19 @@ export default {
 };
 </script>
 
-<style scoped></style>
+<style scoped>
+
+.time--item {
+  color: white;
+  /* background: ''; */
+}
+
+.text {}
+
+.text::after{
+  content: '';
+  display: block;
+  /* 渐变色 */
+  /* background: khaki; */
+}
+</style>

src/components/layout/Main.vue

@@ -2,20 +2,23 @@
 	<main>
 		main content
 		<AreaOne />
-		<Container :usage="'NumberOrDate'" />
+		<!-- <Container :usage="'NumberOrDate'" />
 		<Container :usage="'Table'" />
 		<Container :usage="'Charts'" />
-		<Container :usage="'NumberAndChart'" />
+		<Container :usage="'NumberAndChart'" /> -->
+
+		<KilnRuntime />
 	</main>
 </template>
 
 <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 {
 	name: "Main",
-	components: { AreaOne, Container },
+	components: { AreaOne, KilnRuntime },
 	props: {},
 	data() {
 		return {};
@@ -27,7 +30,7 @@ export default {
 </script>
 
 <style scoped lang="scss">
-@import '../../assets/styles/functions';
+@import "../../assets/styles/functions";
 
 main {
 	height: 1px;