更换天气统计的图标

src/assets/img/sunset.svg

@@ -0,0 +1,12 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg width="22px" height="20px" viewBox="0 0 22 20" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+    <title>日出-亮/暗</title>
+    <g id="页面-1" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
+        <g id="管理系统-亮--风力+日出-效果" transform="translate(-972.000000, -211.000000)" fill-rule="nonzero">
+            <g id="形状" transform="translate(972.000000, 211.000000)">
+                <path d="M21.0489583,18.0898438 L0.916666667,18.0898438 C0.4125,18.0898438 0,18.546875 0,19.0273438 C0,19.578125 0.4125,20 0.916666667,20 L21.0489583,20 C21.5875,20 22,19.578125 22,19.0273438 C22,18.546875 21.5875,18.0898438 21.0489583,18.0898438 Z M8.67395833,4.7265625 L9.77777778,3.85078125 L9.77777778,7.5 C9.77777778,8.19101563 10.3251042,8.75 11,8.75 C11.6748958,8.75 12.2222222,8.19101563 12.2222222,7.5 L12.2222222,3.85078125 L13.2916667,4.7265625 C13.8176042,5.15742188 14.5872222,5.06835938 15.0092708,4.53125 C15.4313194,3.99179688 15.3458403,3.20546875 14.8182986,2.7734375 L11.7627431,0.2734375 C11.7070174,0.228046875 11.6418194,0.205234375 11.5809375,0.171054688 C11.5325833,0.143664063 11.4898438,0.11109375 11.4377847,0.0905078125 C11.2979167,0.0346367188 11.1489583,0 11,0 C10.8510417,0 10.7020833,0.0346367188 10.5607639,0.09046875 C10.5111111,0.11109375 10.4652778,0.143671875 10.4194444,0.171054688 C10.3583333,0.205234375 10.2934028,0.228046875 10.2361111,0.2734375 L7.18055556,2.7734375 C6.65347222,3.20546875 6.53506944,3.9921875 6.98958333,4.53125 C7.40972222,5.0703125 8.18125,5.15625 8.67395833,4.7265625 Z" fill="#2C79FF"></path>
+                <path d="M10.9159722,15 C9.56274306,15 8.39628472,15.7582031 7.76416667,16.8753906 L14.06625,16.8753906 C13.4368056,15.7578125 12.271875,15 10.9159722,15 Z M20.2163194,14.2695313 L16.053125,13.5 L15.3006944,9.23828125 C15.2252604,8.81132813 14.7434375,8.60703125 14.3947222,8.85445313 L10.9186458,11.3216406 L7.44256944,8.85445313 C7.09270833,8.609375 6.61145833,8.8125 6.53506944,9.23828125 L5.78263889,13.4960938 L1.6190625,14.2695313 C1.20159722,14.3467578 1.00184028,14.8398438 1.24376389,15.1960938 L2.38386806,16.8765625 L6.41338194,16.8765625 C7.13869444,15.0488281 8.86890278,13.7511719 10.9165069,13.7511719 C12.9641111,13.7511719 14.6939375,15.0492188 15.4196319,16.8765625 L19.4491458,16.8765625 L20.58925,15.1960938 C20.83125,14.8398438 20.6326389,14.3476563 20.2163194,14.2695313 Z" fill="#F46C6C" opacity="0.999977766"></path>
+            </g>
+        </g>
+    </g>
+</svg>

src/assets/img/windPowerIcon.svg

@@ -0,0 +1,13 @@
+<?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 width="17px" height="22px" viewBox="0 0 17 22" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+    <title>风力-亮/暗</title>
+    <g id="页面-1" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
+        <g id="管理系统-亮--风力+日出-效果" transform="translate(-802.000000, -209.000000)" fill-rule="nonzero">
+            <g id="编组" transform="translate(802.000000, 209.000000)">
+                <path d="M16.952323,18.2968774 L13.1958104,10.4636051 C12.9437605,9.87922497 12.9325781,9.25617259 13.1647506,8.62495608 L16.2805089,0.929184978 C16.417291,0.580662368 16.24862,0.186248728 15.9037521,0.047888131 C15.617815,-0.0667535066 15.2914852,0.0295918756 15.1112066,0.281769103 L10.2599055,7.01318403 C9.89033439,7.52967297 9.33215105,7.87600415 8.70925451,7.97569253 L0.566529766,9.27765716 C0.234927707,9.33351702 -0.00684119003,9.62570711 0.000147709428,9.96516323 C0.00794250478,10.3059084 0.264512104,10.5963797 0.599813275,10.6329035 L8.66557947,11.5150597 C9.29272787,11.5835525 9.86715328,11.8631097 10.2613001,12.3993644 L15.8014653,18.9951258 C16.0124848,19.2610617 16.38567,19.3277928 16.6743708,19.1510608 C16.9268119,18.9757897 17.0841305,18.6062552 16.952323,18.2968774 Z M10.8466613,10.6569662 C10.2828655,10.6569662 9.82621644,10.1954778 9.82621644,9.66437932 C9.82621644,9.09460866 10.2828655,8.67179243 10.8466613,8.67179243 C11.4100319,8.67179243 11.8288395,9.13328088 11.8288395,9.66437932 C11.8671061,10.1971965 11.4504245,10.6569662 10.8466613,10.6569662 Z" id="形状" fill="#2C79FF"></path>
+                <path d="M16.2932857,21.5023745 C16.31696,21.5500273 16.329265,21.6027074 16.329265,21.6561181 C16.3294307,21.8459557 16.1771336,22 15.9892441,22 L5.74443702,22 C5.69235182,21.9996648 5.6406918,21.9871522 5.59409148,21.9636567 C5.42605823,21.8786208 5.35802857,21.6721971 5.44217275,21.502598 C5.70799864,20.9654838 6.2508753,20.6260277 6.84528443,20.6251683 L8.90020525,20.6251683 L9.43934028,11.7649338 C9.77519419,11.9202586 10.0473128,12.1308074 10.2641574,12.4015129 L12.4934042,15.055716 L12.8326596,20.6245152 L14.8875804,20.6245152 C15.4811817,20.5871321 16.0254189,20.9652604 16.2932857,21.5023745 Z" id="路径" fill="#999999"></path>
+            </g>
+        </g>
+    </g>
+</svg>

src/views/monitor/weather.vue

@@ -24,13 +24,13 @@
 							<img :src="weatherObj[oneCityInfo.weather]" alt="">
 							<span class="weather">{{oneCityInfo.weather}}</span>
 							<span>{{oneCityInfo.reporttime}}更新</span>
-							
+
 						</section>
 						<section>
 							<span style="margin-right: 20px;">地点：{{currentcityName}}</span>
-							<img src="../../assets/windPowerIcon.png" alt="">
+							<img src="../../assets/img/windPowerIcon.svg" alt="">
 							<span>风力: {{oneCityInfo.winddirection+oneCityInfo.windpower}}</span>
-							<img class="sunset-sunrise" src="../../assets/sunset.png" alt="">
+							<img class="sunset-sunrise" src="../../assets/img/sunset.svg" alt="">
 							<span class="sunset">日出时间: {{oneCityInfo.sunrise}}</span>
 							<span>日落时间: {{oneCityInfo.sunset}}</span>
 						</section>
@@ -301,7 +301,7 @@ export default defineComponent({
 		const initTemLineChart = () => {
 			if (!global.dispose.some((b: any) => b === global.homeChartOne)) global.homeChartOne.dispose();
 			global.homeChartOne = <any>echarts.init(homeTemLineRef.value, state.charts.theme);
-			
+
 			const option = {
 				backgroundColor: state.charts.bgColor,
 				grid: { top: 70, right: 40, bottom: 30, left: 40 },
@@ -555,7 +555,7 @@ $homeNavLengh: 8;
 			}
 			section {
 				padding: 20px 0;
-				
+
 				span {
 					display: inline-block;
 					width: 33%;