From 3174e6ac65e8a6ce51efc8da5bd107159f311901 Mon Sep 17 00:00:00 2001
From: maochaoying <925670706@qq.com>
Date: Thu, 2 Nov 2023 09:30:54 +0800
Subject: [PATCH] temperature

---
 src/assets/img/main/heat/temp.png   | Bin 0 -> 968 bytes
 src/components/Main/Temperature.vue |  56 ++++++++++++++++++++++++++++++++++++
 src/pages/Main.vue                  |   5 +++-
 3 files changed, 60 insertions(+), 1 deletion(-)
 create mode 100644 src/assets/img/main/heat/temp.png
 create mode 100644 src/components/Main/Temperature.vue

diff --git a/src/assets/img/main/heat/temp.png b/src/assets/img/main/heat/temp.png
new file mode 100644
index 0000000000000000000000000000000000000000..d1cb226f7d56c9b6ab037e6ef589e6c5a809f559
GIT binary patch
literal 968
zcmV;(12_DMP)<h;3K|Lk000e1NJLTq0015U0015c1^@s6J20-I00001b5ch_0Itp)
z=>Px#1am@3R0s$N2z&@+hyVZsa!Eu%R7i=<moaQpM;OO{cgA4H@)IFM32}zVj){XK
z)B)Tn8A{U8q8-@4jl>WsDH5uPR9C9JG?iRcNG(x4RDz^im!gcVr_iNohboE_QWwh-
ziUWd@%Es8lvaiFljY(?17Yk_r)6?B|?|1Ls-T(VeU_yh*h$f2JF(G6S!D$c!ppNUk
z;xVW+idCg5OUkA#|LKinjov9*b&jOMJ-dbHS3pbxC(KL|*amg;u>HtaYwo#+2Lr2!
z^seVGNz~^GdQAfNzW6}}@p1B$V-XRl7=nlH&N?Zps6tJ(1KbY~F)U(s(-+M(1rObw
zb*ggZTj0X0fHvrRVUd>`;j-SPB9gL-z6L131<ERliqv_BY7gG^{3Wx?`~J~0_-uUu
z#Ip%jp4~GXqfk@c_53eMxCPav9!Z6JN`>9u&1|F(yWeG|d*Y?G8;^eC>qkEt!Ua6A
z+7G|A=AL^f0d@<|ub6?ltewnsPq0zU@J@1$vzwo?QOq#YJ%P*GX$V%(s~=C0gUN_i
zJ*S3xyTb#(;$L^zD(#Rh7x>}t-vAh{F1@kD<X|$QNm0y>Vcs0}DOWB4ph>&gAtyvJ
zJ0^vY!FHkTN(dP|q<ind6*@MG(_$mDyVC}l(^5D5gUe^@!(~0z&QL%M$QN1WO-db?
z#z8Oi-qABn`_5_p1EHm!PmLAs2@-I4i09UbKTXuz<4+UBb8Cz{M+o<r-KXNQ1eG=l
zb6GnHb&ax;zsL0b1pqXQo&Kt6Oy6H%qnIJoHEPO8K&2&$Rim(R=LkUEEav+|j63}V
z93JNTLjc^UT4pV_HJ4SXRAtF1&S|j$uvOBJPQc-*_xVgaRs&a6mZY+2%fNQ4z+dwz
z0M0txfSwd;T72^JOB2{AW{kMo%BC#~fRl-jJ_8YM7O7e6+;(5ZDQ%ojU1zJbgJ#h!
zGFvX-vUYOYeU)6L$obTDvQ-;x^1X9^_`m$bbXp8_c=&E$ifp;S!jn6!<WmUXoYPOJ
zYZQQs=~&C$+?W>YrH?mp?E`_j*<z{$Iy{7XgZnbkR%wTe>2K<Lpy{_FCX@azZdE5y
zYmLaE_58e<DrDH!$MBIp5c)qg@m~>$*ybt6bgkn29~67QrZ1Wk7I|49Vy}uQ5V5^b
qz5U<xUljC>dh=J9J$fCNwtoQgUuS+HW4P=90000<MNUMnLSTX@-_!O0

literal 0
HcmV?d00001

diff --git a/src/components/Main/Temperature.vue b/src/components/Main/Temperature.vue
new file mode 100644
index 0000000..dc6a3c5
--- /dev/null
+++ b/src/components/Main/Temperature.vue
@@ -0,0 +1,56 @@
+<template>
+  <div class="temperature_zone_container">
+    <div class="header_wrap">
+      <div class="left_wrap">
+        <img :src="Hot" class="hot" alt="" />
+        <p class="text">加热温度</p>
+      </div>
+      <p class="en">℃</p>
+    </div>
+  </div>
+</template>
+
+<script setup>
+import Hot from '@/assets/img/main/heat/temp.png'
+</script>
+
+<style lang="scss" scoped>
+.temperature_zone_container {
+  padding: 20px;
+  box-sizing: border-box;
+  height: 100%;
+  .header_wrap {
+    display: flex;
+    align-items: center;
+    justify-content: space-between;
+    padding: 8px 2px 30px 10px;
+    .left_wrap {
+      display: flex;
+      align-items: center;
+      .hot {
+        width: 30px;
+        height: 30px;
+      }
+      .text {
+        font-family: 思源黑体;
+        font-size: 20px;
+        font-weight: 500;
+        line-height: normal;
+        letter-spacing: 0.06em;
+        font-feature-settings: 'kern' on;
+        color: #ffffff;
+        margin-left: 8px;
+      }
+    }
+    .en {
+      font-family: 思源黑体;
+      font-size: 20px;
+      font-weight: 500;
+      line-height: normal;
+      letter-spacing: 0.06em;
+      font-feature-settings: 'kern' on;
+      color: #ffffff;
+    }
+  }
+}
+</style>
diff --git a/src/pages/Main.vue b/src/pages/Main.vue
index a356407..3dff6ec 100644
--- a/src/pages/Main.vue
+++ b/src/pages/Main.vue
@@ -7,7 +7,9 @@
       <div class="heating_container">
         <HeatingTurn />
       </div>
-      <div class="temperature_zone"></div>
+      <div class="temperature_zone">
+        <Temperature />
+      </div>
     </div>
     <div class="bottom_wrap"></div>
   </div>
@@ -16,6 +18,7 @@
 <script setup>
 import Photo from 'cpns/Main/Photo'
 import HeatingTurn from 'cpns/Main/HeatingTurn'
+import Temperature from 'cpns/Main/Temperature'
 </script>
 
 <style lang="scss" scoped>