优化图标和间距

src/assets/images/dehumidifier.svg

@@ -1 +1 @@
-<?xml version="1.0" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg t="1752657671956" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="5942" xmlns:xlink="http://www.w3.org/1999/xlink" width="200" height="200"><path d="M888.685168 459.004245C757.310409 198.673464 569.953718 31.338603 552.193643 16.150249c0 0-14.994375-16.042261-40.282633-16.042261-23.345469 0-37.227965 12.984592-37.227965 12.984593-20.872737 18.246022-208.352415 185.580883-338.901264 444.47082C78.036041 561.705112 33.400879 800.335245 280.153132 959.480994c72.97609 42.756365 146.367134 64.516007 218.351331 64.516006 5.229433 0 10.346878-0.130986 10.875821-0.36596a357.051296 357.051296 0 0 0 15.764291 0.36596c72.039191 0 145.369242-21.759641 220.054147-65.619887 245.102431-158.086864 200.528263-396.728995 143.486446-499.372868z m-198.234512 428.253578c-56.929829 33.422377-112.440812 50.344543-165.306081 50.344542l-15.764291-0.263971-10.875821 0.263971c-52.873269 0-108.441245-16.921166-163.545272-49.240662C94.442263 733.157527 221.114532 498.320983 223.229302 494.497397c97.030482-192.594123 225.819522-330.463178 288.501727-391.555556 59.636535 57.577759 190.59234 196.754672 289.687598 393.025397 1.29086 2.353745 127.902136 237.17629-110.967971 391.290585z" fill="#E50012" p-id="5943"></path></svg>
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" fill="none" version="1.1" width="37" height="47" viewBox="0 0 37 47"><g><g><path d="M26.4236,12.2097C23.5498,8.88033,20.7614,6.46775,18.6101,4.60647L18.5315,4.53849C17.9022,5.10365,17.2258,5.71155,16.5646,6.32271C14.7315,8.01723,12.6237,10.0767,10.6286,12.4156C6.54727,17.2003,3.36364,22.6634,3.36364,28.1608C3.36364,36.7752,10.2039,43.6429,18.5,43.6429C26.7961,43.6429,33.6364,36.7752,33.6364,28.1608C33.6364,22.3467,30.4521,16.8768,26.4236,12.2097ZM18.502,0.0019932C18.9592,0.450696,19.6514,1.051,20.5037,1.7902C25.7349,6.32732,37,16.0978,37,28.1608C37,38.5654,28.7173,47,18.5,47C8.28275,47,0,38.5654,0,28.1608C0,16.6375,11.2771,6.52812,16.4838,1.8607C17.3497,1.08446,18.0477,0.458722,18.498,0.00204545L18.5,0L18.502,0.0019932Z" fill="#FFFFFF" fill-opacity="1" style="mix-blend-mode:passthrough"/></g><g><path d="M17.89020450210571,25.199224732055665L17.885004502105712,25.199224732055665C18.902104502105715,22.701034732055664,21.35810450210571,20.939584732055664,24.226404502105712,20.939584732055664C27.079204502105714,20.939584732055664,29.524204502105714,22.682094732055663,30.551204502105712,25.158884732055665L30.560004502105713,25.158884732055665C30.718904502105712,25.969554732055663,30.798704502105714,26.793684732055663,30.79830450210571,27.619724732055666C30.79830450210571,34.522684732055666,25.29220450210571,40.118584732055666,18.50000450210571,40.118584732055666C11.707824502105712,40.118584732055666,6.201705528605713,34.522684732055666,6.201705528605713,27.619724732055666C6.201388340105713,26.879364732055663,6.265432702105713,26.140384732055665,6.393117502105713,25.411084732055663C7.315434502105713,27.692634732055666,9.523664502105714,29.299184732055664,12.101054502105713,29.299184732055664C14.757534502105713,29.299184732055664,17.021804502105713,27.592554732055664,17.89020450210571,25.199224732055665Z" fill="#FFFFFF" fill-opacity="1" style="mix-blend-mode:passthrough"/></g></g></svg>

src/assets/images/heat_icon.svg

@@ -1 +1 @@
-<?xml version="1.0" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg class="icon" width="200px" height="200.00px" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg"><path d="M252.05333333 450.66666667c-13.01333333 0-25.38666667-7.46666667-31.14666666-20.05333334-7.78666667-17.17333333-0.21333333-37.44 16.96-45.22666666 4.26666667-1.92 8.42666667-4.05333333 12.48-6.4 39.89333333-22.82666667 63.68-60.69333333 63.68-101.44 0-5.76-0.42666667-11.62666667-1.38666667-17.28-3.09333333-18.56 9.49333333-36.16 28.05333333-39.25333334 18.56-3.09333333 36.16 9.49333333 39.25333334 28.05333334 1.6 9.38666667 2.34666667 18.98666667 2.34666666 28.48 0 65.49333333-36.69333333 125.65333333-98.13333333 160.74666666-5.86666667 3.30666667-11.94666667 6.50666667-18.13333333 9.28-4.48 2.02666667-9.28 3.09333333-13.97333334 3.09333334z" fill="#d81e06" /><path d="M171.09333333 581.65333333c-18.88 0-34.13333333-15.25333333-34.13333333-34.13333333s3.09333333-37.54666667 9.17333333-55.57333333c14.72-43.41333333 46.29333333-80.74666667 88.96-105.17333334 5.86666667-3.30666667 11.94666667-6.4 18.02666667-9.17333333 4.37333333-2.02666667 9.28-3.09333333 14.18666667-3.09333333 18.88 0 34.13333333 15.25333333 34.13333333 34.13333333 0 14.08-8.53333333 26.13333333-20.69333333 31.36-4.05333333 1.81333333-8 3.94666667-11.84 6.08-28.16 16.10666667-48.85333333 40.10666667-58.13333334 67.73333333-3.73333333 10.88-5.54666667 22.29333333-5.54666666 33.70666667 0 18.88-15.25333333 34.13333333-34.13333334 34.13333333zM490.24 450.66666667c-13.01333333 0-25.38666667-7.46666667-31.14666667-20.05333334-7.78666667-17.17333333-0.21333333-37.44 16.96-45.22666666 4.26666667-1.92 8.42666667-4.05333333 12.48-6.4 39.89333333-22.82666667 63.68-60.69333333 63.68-101.44 0-5.76-0.42666667-11.62666667-1.38666666-17.28-3.09333333-18.56 9.49333333-36.16 28.05333333-39.25333334 18.56-3.09333333 36.16 9.49333333 39.25333333 28.05333334 1.6 9.38666667 2.34666667 18.98666667 2.34666667 28.48 0 65.49333333-36.69333333 125.65333333-98.13333333 160.74666666-5.86666667 3.30666667-11.94666667 6.50666667-18.13333334 9.28-4.37333333 2.02666667-9.17333333 3.09333333-13.97333333 3.09333334z" fill="#d81e06" /><path d="M409.38666667 581.65333333c-18.88 0-34.13333333-15.25333333-34.13333334-34.13333333s3.09333333-37.54666667 9.17333334-55.57333333c14.72-43.41333333 46.29333333-80.74666667 88.96-105.17333334 5.86666667-3.30666667 11.94666667-6.4 18.02666666-9.17333333 4.37333333-2.02666667 9.28-3.09333333 14.18666667-3.09333333 18.88 0 34.13333333 15.25333333 34.13333333 34.13333333 0 14.08-8.53333333 26.13333333-20.69333333 31.36-4.05333333 1.81333333-8 3.94666667-11.84 6.08-28.16 16.10666667-48.85333333 40.10666667-58.13333333 67.73333333-3.73333333 10.88-5.54666667 22.29333333-5.54666667 33.70666667 0 18.88-15.36 34.13333333-34.13333333 34.13333333z" fill="#d81e06" /><path d="M724.26666667 450.66666667c-13.01333333 0-25.38666667-7.46666667-31.14666667-20.05333334-7.78666667-17.17333333-0.21333333-37.44 16.96-45.22666666 4.26666667-1.92 8.42666667-4.05333333 12.48-6.4 39.89333333-22.82666667 63.68-60.69333333 63.68-101.44 0-5.76-0.42666667-11.62666667-1.38666667-17.28-3.09333333-18.56 9.49333333-36.16 28.05333334-39.25333334 18.56-3.09333333 36.16 9.49333333 39.25333333 28.05333334 1.6 9.38666667 2.34666667 18.98666667 2.34666667 28.48 0 65.49333333-36.69333333 125.65333333-98.13333334 160.74666666-5.86666667 3.30666667-11.94666667 6.50666667-18.13333333 9.28-4.48 2.02666667-9.28 3.09333333-13.97333333 3.09333334z" fill="#d81e06" /><path d="M643.30666667 581.65333333c-18.88 0-34.13333333-15.25333333-34.13333334-34.13333333s3.09333333-37.54666667 9.17333334-55.57333333c14.72-43.41333333 46.29333333-80.74666667 88.96-105.17333334 5.86666667-3.30666667 11.94666667-6.4 18.02666666-9.17333333 4.37333333-2.02666667 9.28-3.09333333 14.18666667-3.09333333 18.88 0 34.13333333 15.25333333 34.13333333 34.13333333 0 14.08-8.53333333 26.13333333-20.69333333 31.36-4.05333333 1.81333333-8 3.94666667-11.84 6.08-28.16 16.10666667-48.85333333 40.10666667-58.13333333 67.73333333-3.73333333 10.88-5.54666667 22.29333333-5.54666667 33.70666667 0 18.88-15.25333333 34.13333333-34.13333333 34.13333333z" fill="#d81e06" /><path d="M820.90666667 818.98666667H170.66666667c-18.88 0-34.13333333-15.25333333-34.13333334-34.13333334V648.53333333c0-18.88 15.25333333-34.13333333 34.13333334-34.13333333h650.13333333c18.88 0 34.13333333 15.25333333 34.13333333 34.13333333v136.32c0.10666667 18.88-15.25333333 34.13333333-34.02666666 34.13333334z m-616.10666667-68.26666667h581.86666667V682.66666667H204.8v68.05333333z" fill="#d81e06" /></svg>
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" fill="none" version="1.1" width="28" height="48" viewBox="0 0 28 48"><g><g><path d="M12,0C16.4,0,20,3.6,20,8L20,27C22.4,29.2,24,32.4,24,36C24,42.6,18.6,48,12,48C5.4,48,0,42.6,0,36C0,32.4,1.6,29.2,4,27L4,8C4,3.6,7.6,0,12,0ZM12,4C9.8,4,8.2,5.6,8,7.8L8,28.8L6.6,30C5,31.6,4,33.6,4,36C4,40.4,7.6,44,12,44C16.4,44,20,40.4,20,36C20,33.8,19.2,31.8,17.6,30.4L17.4,30L16,28.8L16,8C16,5.8,14.2,4,12,4ZM26,20C27.2,20,28,20.8,28,22C28,23,27.2,23.8,26.2,24L24,24C22.8,24,22,23.2,22,22C22,21,22.8,20.2,23.8,20L26,20ZM26,12C27.2,12,28,12.8,28,14C28,15,27.2,15.8,26.2,16L24,16C22.8,16,22,15.2,22,14C22,13,22.8,12.2,23.8,12L26,12ZM26,4C27.2,4,28,4.8,28,6C28,7,27.2,7.8,26.2,8L24,8C22.8,8,22,7.2,22,6C22,5,22.8,4.2,23.8,4L26,4Z" fill="#FFFFFF" fill-opacity="1" style="mix-blend-mode:passthrough"/></g><g><path d="M12,16C13,16,13.8,16.8,14,17.8L14,31.4C15.8,32.2,17,34,17,36C17,38.8,14.8,41,12,41C9.2,41,7,38.8,7,36C7,34,8.2,32.2,10,31.4L10,17.8C10.2,16.8,11,16,12,16Z" fill="#FFFFFF" fill-opacity="1" style="mix-blend-mode:passthrough"/></g></g></svg>

src/views/main/index.vue

@@ -220,20 +220,20 @@ const backHandle = () => {
     <el-footer>
       <div>
         <ft-button type="info" :click-handle="environmentSet">
-          <img v-if="systemStore.systemStatus.dehumidifierRunning" src="../../assets/images/dehumidifier.svg" alt="" width="20px">
-          当前湿度: {{ systemStore.systemSensor.humidity }}%RH
+          <img v-if="systemStore.systemStatus.dehumidifierRunning" src="../../assets/images/dehumidifier.svg" alt="" width="15px">
+          <span style="padding: 0 3px">当前湿度: {{ systemStore.systemSensor.humidity }}%RH</span>
         </ft-button>
       </div>
       <div>
         <ft-button type="info" :click-handle="environmentSet">
-          <img v-if="systemStore.systemStatus.nozzleHeating" src="../../assets/images/heat_icon.svg" alt="" width="20px">
-          喷头温度: {{ systemStore.systemSensor.nozzleTemperature }}℃
+          <img v-if="systemStore.systemStatus.nozzleHeating" src="../../assets/images/heat_icon.svg" alt="" width="12px">
+          <span style="padding: 0 3px">喷头温度: {{ systemStore.systemSensor.nozzleTemperature }}℃</span>
         </ft-button>
       </div>
       <div>
         <ft-button type="info" :click-handle="environmentSet">
-          <img v-if="systemStore.systemStatus.slidePlatHeating" src="../../assets/images/heat_icon.svg" alt="" width="20px">
-          载玻台温度: {{ systemStore.systemSensor.slideTemperature }}℃
+          <img v-if="systemStore.systemStatus.slidePlatHeating" src="../../assets/images/heat_icon.svg" alt="" width="12px">
+          <span style="padding: 0 3px">载玻台温度: {{ systemStore.systemSensor.slideTemperature }}℃</span>
         </ft-button>
       </div>
       <div>