diff --git a/src/components/boxes/KilnRuntime.vue b/src/components/boxes/KilnRuntime.vue
index 48ae70e..89f68f7 100644
--- a/src/components/boxes/KilnRuntime.vue
+++ b/src/components/boxes/KilnRuntime.vue
@@ -1,20 +1,20 @@
-
-
-
-
-
-
+
+
+
+
+
+
@@ -52,47 +52,47 @@ export default {
@import "../../assets/styles/functions";
.time {
- // background: #eee;
- margin: adjust(12px) 0;
+ // background: #eee;
+ margin: adjust(12px) 0;
}
.flex-center {
- justify-content: center;
- align-items: center;
+ justify-content: center;
+ align-items: center;
}
.time--item:not(:last-child) {
- margin-right: adjust(8px);
+ margin-right: adjust(8px);
}
.text {
- padding: adjust(12px) 0;
- text-align: center;
- font-size: adjust(23px);
- letter-spacing: adjust(4px);
- position: relative;
- z-index: 10;
- user-select: none;
+ padding: adjust(12px) 0;
+ text-align: center;
+ font-size: adjust(23px);
+ letter-spacing: adjust(4px);
+ position: relative;
+ z-index: 10;
+ user-select: none;
}
.text::after {
- content: "";
- display: block;
- position: absolute;
- z-index: 0;
- left: 12%;
- bottom: adjust(10px);
- height: adjust(4px);
- width: 76%;
- /* 渐变色 */
- background: radial-gradient(
- ellipse at center,
- #6fe2ff,
- #6fe2ffc0,
- #52cbef80,
- #52cbef30,
- #52cbef00,
- transparent
- );
+ content: "";
+ display: block;
+ position: absolute;
+ z-index: 0;
+ left: 12%;
+ bottom: adjust(10px);
+ height: adjust(4px);
+ width: 76%;
+ /* 渐变色 */
+ background: radial-gradient(
+ ellipse at center,
+ #6fe2ff,
+ #6fe2ffc0,
+ #52cbef80,
+ #52cbef30,
+ #52cbef00,
+ transparent
+ );
}
diff --git a/src/components/isolate-area-1/Area.vue b/src/components/isolate-area-1/Area.vue
index df43bbc..eca6345 100644
--- a/src/components/isolate-area-1/Area.vue
+++ b/src/components/isolate-area-1/Area.vue
@@ -73,9 +73,12 @@ export default {
this.$set(this.rdata[2], "value", `${min}分${sec}秒`);
}, 1000);
},
+ kilnPressure: function(val) {
+ this.pressure = val.split("")
+ }
},
computed: {
- ...mapState(["fireDirection", "lastFireChangeTime", "fireChangeTime"]),
+ ...mapState(["fireDirection", "lastFireChangeTime", "fireChangeTime", "kilnPressure"]),
},
};
diff --git a/src/components/isolate-area-1/Runtime.vue b/src/components/isolate-area-1/Runtime.vue
index 694317c..e76c057 100644
--- a/src/components/isolate-area-1/Runtime.vue
+++ b/src/components/isolate-area-1/Runtime.vue
@@ -5,7 +5,7 @@
{{ val }}
天
@@ -21,9 +21,21 @@ export default {
runtime: "0012".split(""),
};
},
- created() {},
- mounted() {},
- methods: {},
+ mounted() {
+ this.getRuntime();
+ setInterval(this.getRuntime, 1000 * 60 * 60);
+ },
+ methods: {
+ getRuntime() {
+ const diff = Date.now() - new Date("2023-5-7 8:00:00");
+ const days = parseInt(diff / 1000 / 60 / 60 / 24);
+ const hours = parseInt(
+ (diff - days * 24 * 60 * 60 * 1000) / 1000 / 60 / 60
+ );
+ console.log("days", days);
+ this.runtime = (days + "").padStart(4, "0");
+ },
+ },
};
@@ -31,15 +43,15 @@ export default {
@import "../../assets/styles/functions";
.runtime {
- width: 1920px;
+ width: 1920px;
}
.data {
- padding: 0 32px;
+ padding: 0 32px;
font-family: zcoolqingkehuangyouti-Regular, sans-serif;
display: flex;
align-items: center;
- justify-content: space-between;
+ justify-content: space-between;
}
.data > span:not(.dot) {
diff --git a/src/components/layout/Main.vue b/src/components/layout/Main.vue
index dd9ea2a..6ae3134 100644
--- a/src/components/layout/Main.vue
+++ b/src/components/layout/Main.vue
@@ -21,7 +21,7 @@
>