From d23215c3d6700dcf2e0a34b42f0907108e7fb87e Mon Sep 17 00:00:00 2001
From: lb <liubin_9396@163.com>
Date: Fri, 8 Sep 2023 16:28:25 +0800
Subject: [PATCH] update press

---
 src/assets/digit-bg.png                       | Bin 0 -> 12145 bytes
 .../baseInfoContainer.vue}                    |   8 +--
 .../yx-dark/widget/baseInfo/index.vue         |  41 +++++++++++
 src/components/yx-dark/widget/index.vue       |  41 -----------
 .../yx-dark/widget/pressInfo/index.vue        |  65 ++++++++++++++++++
 .../widget/pressInfo/pressContainer.vue       |  38 ++++++++++
 src/views/MainArea.vue                        |   8 ++-
 7 files changed, 153 insertions(+), 48 deletions(-)
 create mode 100644 src/assets/digit-bg.png
 rename src/components/yx-dark/widget/{widgetContainer.vue => baseInfo/baseInfoContainer.vue} (84%)
 create mode 100644 src/components/yx-dark/widget/baseInfo/index.vue
 delete mode 100644 src/components/yx-dark/widget/index.vue
 create mode 100644 src/components/yx-dark/widget/pressInfo/index.vue
 create mode 100644 src/components/yx-dark/widget/pressInfo/pressContainer.vue

diff --git a/src/assets/digit-bg.png b/src/assets/digit-bg.png
new file mode 100644
index 0000000000000000000000000000000000000000..fc69618b70a51750c27d62a9ae7ac6d4216067dc
GIT binary patch
literal 12145
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
H+3WuUIw)u8

literal 0
HcmV?d00001

diff --git a/src/components/yx-dark/widget/widgetContainer.vue b/src/components/yx-dark/widget/baseInfo/baseInfoContainer.vue
similarity index 84%
rename from src/components/yx-dark/widget/widgetContainer.vue
rename to src/components/yx-dark/widget/baseInfo/baseInfoContainer.vue
index decde8a..5e0a623 100644
--- a/src/components/yx-dark/widget/widgetContainer.vue
+++ b/src/components/yx-dark/widget/baseInfo/baseInfoContainer.vue
@@ -84,18 +84,18 @@ export default {
 }
 
 .icon-1 {
-  background: url(../../../assets/icon-1.png) 100% / contain no-repeat;
+  background: url(../../../../assets/icon-1.png) 100% / contain no-repeat;
 }
 
 .icon-2 {
-  background: url(../../../assets/icon-2.png) 100% / contain no-repeat;
+  background: url(../../../../assets/icon-2.png) 100% / contain no-repeat;
 }
 
 .icon-3 {
-  background: url(../../../assets/icon-3.png) 100% / contain no-repeat;
+  background: url(../../../../assets/icon-3.png) 100% / contain no-repeat;
 }
 
 .icon-4 {
-  background: url(../../../assets/icon-4.png) 100% / contain no-repeat;
+  background: url(../../../../assets/icon-4.png) 100% / contain no-repeat;
 }
 </style>
diff --git a/src/components/yx-dark/widget/baseInfo/index.vue b/src/components/yx-dark/widget/baseInfo/index.vue
new file mode 100644
index 0000000..c55357d
--- /dev/null
+++ b/src/components/yx-dark/widget/baseInfo/index.vue
@@ -0,0 +1,41 @@
+<!-- 
+    filename: index.vue
+    author: liubin
+    date: 2023-09-08 13:30:13
+    description: 放在这中间的小组件
+-->
+
+<template>
+  <div class="base-info">
+    <BaseInfoContainer icon="1" title="车间温度" value="27℃" />
+    <BaseInfoContainer icon="2" title="当前火向" value="东火" />
+    <BaseInfoContainer icon="3" title="换火时间" value="12:23:33" />
+    <BaseInfoContainer icon="4" title="剩余时间" value="6h" />
+  </div>
+</template>
+
+<script>
+import BaseInfoContainer from "@/components/yx-dark/widget/baseInfo/baseInfoContainer.vue";
+
+export default {
+  name: "BaseInfo",
+  components: { BaseInfoContainer },
+  props: {},
+  data() {
+    return {};
+  },
+  computed: {},
+  methods: {},
+};
+</script>
+
+<style scoped lang="scss">
+.base-info {
+    display: flex;
+    gap: 16px;
+    position: absolute;
+    top: 80px;
+    left: 50%;
+    transform: translateX(-50%);
+}
+</style>
diff --git a/src/components/yx-dark/widget/index.vue b/src/components/yx-dark/widget/index.vue
deleted file mode 100644
index 050424a..0000000
--- a/src/components/yx-dark/widget/index.vue
+++ /dev/null
@@ -1,41 +0,0 @@
-<!-- 
-    filename: index.vue
-    author: liubin
-    date: 2023-09-08 13:30:13
-    description: 放在这中间的小组件
--->
-
-<template>
-  <div class="yx-dark-widget">
-    <YxDarkWidgetContainer icon="1" title="车间温度" value="27℃" />
-    <YxDarkWidgetContainer icon="2" title="当前火向" value="东火" />
-    <YxDarkWidgetContainer icon="3" title="换火时间" value="12:23:33" />
-    <YxDarkWidgetContainer icon="4" title="剩余时间" value="6h" />
-  </div>
-</template>
-
-<script>
-import YxDarkWidgetContainer from "@/components/yx-dark/widget/widgetContainer.vue";
-
-export default {
-  name: "YxDarkWidget",
-  components: { YxDarkWidgetContainer },
-  props: {},
-  data() {
-    return {};
-  },
-  computed: {},
-  methods: {},
-};
-</script>
-
-<style scoped lang="scss">
-.yx-dark-widget {
-    display: flex;
-    gap: 16px;
-    position: absolute;
-    top: 80px;
-    left: 50%;
-    transform: translateX(-50%);
-}
-</style>
diff --git a/src/components/yx-dark/widget/pressInfo/index.vue b/src/components/yx-dark/widget/pressInfo/index.vue
new file mode 100644
index 0000000..29e3e4e
--- /dev/null
+++ b/src/components/yx-dark/widget/pressInfo/index.vue
@@ -0,0 +1,65 @@
+<!-- 
+    filename: index.vue
+    author: liubin
+    date: 2023-09-08 16:13:14
+    description: 
+-->
+
+<template>
+  <div class="yx-dark-press-info">
+    <template v-for="ch in pressInfo">
+      <YxDarkPressContainer
+        v-if="!isDot(ch)"
+        :key="ch"
+        :value="ch"
+        :class="{ digit: isDigit(ch) }"
+      />
+      <span class="dot" v-else>.</span>
+    </template>
+  </div>
+</template>
+
+<script>
+import YxDarkPressContainer from "./pressContainer.vue";
+export default {
+  name: "YxDarkPressInfo",
+  components: { YxDarkPressContainer },
+  props: {},
+  data() {
+    return {
+      press: 12.2,
+    };
+  },
+  computed: {
+    pressInfo() {
+      return ["压", "力", ...(this.press + ""), "Pa"];
+    },
+  },
+  methods: {
+    isDigit(ch) {
+      return ["0", "1", "2", "3", "4", "5", "6", "7", "8", "9"].includes(ch);
+    },
+    isDot(ch) {
+      return ch === ".";
+    },
+  },
+};
+</script>
+
+<style scoped lang="scss">
+.yx-dark-press-info {
+  display: flex;
+  gap: 8px;
+}
+
+.dot {
+  font-size: 72px;
+  line-height: 90px;
+  font-family: "zcoolqingkehuangyouti-Regular", sans-serif;
+}
+
+.digit {
+  font-size: 80px;
+  line-height: 80px;
+}
+</style>
diff --git a/src/components/yx-dark/widget/pressInfo/pressContainer.vue b/src/components/yx-dark/widget/pressInfo/pressContainer.vue
new file mode 100644
index 0000000..b22eb21
--- /dev/null
+++ b/src/components/yx-dark/widget/pressInfo/pressContainer.vue
@@ -0,0 +1,38 @@
+<!-- 
+    filename: pressContainer.vue
+    author: liubin
+    date: 2023-09-08 16:10:43
+    description: 
+-->
+
+<template>
+  <div class="yx-dark-press-container">
+    {{ value }}
+  </div>
+</template>
+
+<script>
+export default {
+  name: "YxDarkPressContainer",
+  components: {},
+  props: ["value"],
+  data() {
+    return {};
+  },
+  computed: {},
+  methods: {},
+};
+</script>
+
+<style scoped lang="scss">
+.yx-dark-press-container {
+  width: 60px;
+  height: 80px;
+  text-align: center;
+  padding-left: 6px;
+  font-size: 48px;
+  line-height: 90px;
+  font-family: "zcoolqingkehuangyouti-Regular", sans-serif;
+  background: url(../../../../assets/digit-bg.png) 100% / contain no-repeat;
+}
+</style>
diff --git a/src/views/MainArea.vue b/src/views/MainArea.vue
index 679224f..8112b15 100644
--- a/src/views/MainArea.vue
+++ b/src/views/MainArea.vue
@@ -7,16 +7,18 @@
 
 <template>
   <div class="main-area">
-    <YxDarkWidget />
+    <BaseInfo />
+    <PressInfo />
   </div>
 </template>
 
 <script>
-import YxDarkWidget from "@/components/yx-dark/widget/index.vue";
+import BaseInfo from "@/components/yx-dark/widget/baseInfo/index.vue";
+import PressInfo from "@/components/yx-dark/widget/pressInfo/index.vue";
 
 export default {
   name: "MainArea",
-  components: { YxDarkWidget },
+  components: { BaseInfo, PressInfo },
   props: {},
   data() {
     return {};