健康管理首页完成

src/assets/icon/svg/weather/01.svg

@@ -0,0 +1,60 @@
+<svg version="1.1" id="Icons" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
+	 viewBox="0 0 313.92 313.92" style="enable-background:new 0 0 313.92 313.92;" xml:space="preserve">
+<style type="text/css">
+	.st0{fill:#FF9838;}
+	.st1{fill:#B6BBBF;}
+	.st2{fill:#888A8C;}
+	.st3{fill:#00AEBD;}
+</style>
+<g>
+	<g>
+		<g>
+			<path class="st0" d="M157.176,53.332c-3.314,0-6-2.687-6-6V5.933c0-3.313,2.686-6,6-6c3.313,0,6,2.687,6,6v41.399
+				C163.176,50.646,160.489,53.332,157.176,53.332z"/>
+		</g>
+		<g>
+			<path class="st0" d="M157.176,313.832c-3.314,0-6-2.686-6-6v-40.399c0-3.313,2.686-6,6-6c3.313,0,6,2.687,6,6v40.399
+				C163.176,311.146,160.489,313.832,157.176,313.832z"/>
+		</g>
+	</g>
+	<g>
+		<g>
+			<path class="st0" d="M79.712,85.419c-1.536,0-3.071-0.585-4.243-1.757L46.196,54.388c-2.343-2.343-2.343-6.142,0-8.485
+				c2.343-2.343,6.142-2.344,8.485,0l29.273,29.274c2.343,2.343,2.343,6.142,0,8.485C82.783,84.833,81.247,85.419,79.712,85.419z"/>
+		</g>
+		<g>
+			<path class="st0" d="M263.914,269.62c-1.536,0-3.071-0.586-4.243-1.757l-28.567-28.567c-2.343-2.343-2.343-6.142,0-8.485
+				c2.343-2.343,6.143-2.343,8.485,0l28.567,28.567c2.343,2.343,2.343,6.142,0,8.485C266.985,269.034,265.449,269.62,263.914,269.62
+				z"/>
+		</g>
+	</g>
+	<g>
+		<g>
+			<path class="st0" d="M47.625,162.882H6.226c-3.313,0-6-2.686-6-6c0-3.313,2.687-6,6-6h41.399c3.313,0,6,2.687,6,6
+				C53.625,160.196,50.939,162.882,47.625,162.882z"/>
+		</g>
+		<g>
+			<path class="st0" d="M308.125,162.882h-40.399c-3.314,0-6-2.686-6-6c0-3.313,2.686-6,6-6h40.399c3.314,0,6,2.687,6,6
+				C314.125,160.196,311.439,162.882,308.125,162.882z"/>
+		</g>
+	</g>
+	<g>
+		<g>
+			<path class="st0" d="M50.438,269.62c-1.536,0-3.071-0.586-4.243-1.757c-2.343-2.343-2.343-6.142,0-8.485l29.273-29.274
+				c2.343-2.343,6.142-2.343,8.485,0c2.343,2.343,2.343,6.142,0,8.485l-29.273,29.274C53.51,269.034,51.974,269.62,50.438,269.62z"
+				/>
+		</g>
+		<g>
+			<path class="st0" d="M235.347,84.711c-1.536,0-3.071-0.585-4.243-1.757c-2.343-2.343-2.343-6.142,0-8.485l28.567-28.567
+				c2.343-2.343,6.142-2.344,8.485,0c2.343,2.343,2.343,6.142,0,8.485l-28.567,28.566C238.418,84.126,236.882,84.711,235.347,84.711
+				z"/>
+		</g>
+	</g>
+	<g>
+		<path class="st0" d="M157.46,78.144c43.734,0,79.313,35.58,79.313,79.314s-35.58,79.314-79.313,79.314
+			c-43.734,0-79.314-35.58-79.314-79.314S113.727,78.144,157.46,78.144 M157.46,66.144c-50.431,0-91.314,40.883-91.314,91.314
+			c0,50.431,40.883,91.314,91.314,91.314c50.431,0,91.313-40.883,91.313-91.314C248.774,107.026,207.892,66.144,157.46,66.144
+			L157.46,66.144z"/>
+	</g>
+</g>
+</svg>

src/assets/icon/svg/weather/02.svg

@@ -0,0 +1,56 @@
+<svg version="1.1" id="Icons" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
+	 viewBox="0 0 313.92 313.92" style="enable-background:new 0 0 313.92 313.92;" xml:space="preserve">
+<style type="text/css">
+	.st0{fill:#FF9838;}
+	.st1{fill:#B6BBBF;}
+	.st2{fill:#888A8C;}
+	.st3{fill:#00AEBD;}
+</style>
+<g>
+	<g>
+		<path class="st0" d="M157.176,53.332c-3.314,0-6-2.687-6-6V5.933c0-3.313,2.686-6,6-6c3.313,0,6,2.687,6,6v41.399
+			C163.176,50.646,160.489,53.332,157.176,53.332z"/>
+	</g>
+	<g>
+		<path class="st0" d="M157.176,313.832c-3.314,0-6-2.686-6-6v-40.399c0-3.313,2.686-6,6-6c3.313,0,6,2.687,6,6v40.399
+			C163.176,311.146,160.489,313.832,157.176,313.832z"/>
+	</g>
+	<g>
+		<path class="st0" d="M79.712,85.419c-1.536,0-3.071-0.585-4.243-1.757L46.196,54.388c-2.343-2.343-2.343-6.142,0-8.485
+			c2.343-2.343,6.142-2.344,8.485,0l29.273,29.274c2.343,2.343,2.343,6.142,0,8.485C82.783,84.833,81.247,85.419,79.712,85.419z"/>
+	</g>
+	<g>
+		<path class="st0" d="M263.914,269.62c-1.536,0-3.071-0.586-4.243-1.757l-28.567-28.567c-2.343-2.343-2.343-6.142,0-8.485
+			c2.343-2.343,6.143-2.343,8.485,0l28.567,28.567c2.343,2.343,2.343,6.142,0,8.485C266.985,269.034,265.449,269.62,263.914,269.62z
+			"/>
+	</g>
+	<g>
+		<path class="st0" d="M47.625,162.882H6.226c-3.314,0-6-2.686-6-6c0-3.313,2.686-6,6-6h41.399c3.313,0,6,2.687,6,6
+			C53.625,160.196,50.939,162.882,47.625,162.882z"/>
+	</g>
+	<g>
+		<path class="st0" d="M50.438,269.62c-1.536,0-3.071-0.586-4.243-1.757c-2.343-2.343-2.343-6.142,0-8.485l29.274-29.274
+			c2.343-2.343,6.142-2.343,8.485,0c2.343,2.343,2.343,6.142,0,8.485l-29.273,29.274C53.51,269.034,51.974,269.62,50.438,269.62z"/>
+	</g>
+	<g>
+		<path class="st0" d="M235.347,84.711c-1.536,0-3.071-0.585-4.243-1.757c-2.343-2.343-2.343-6.142,0-8.485l28.567-28.567
+			c2.343-2.343,6.142-2.344,8.485,0c2.343,2.343,2.343,6.142,0,8.485l-28.567,28.566C238.418,84.126,236.882,84.711,235.347,84.711z
+			"/>
+	</g>
+</g>
+<path class="st0" d="M222.11,203.317c-14.388,20.224-37.995,33.454-64.65,33.454c-43.734,0-79.314-35.58-79.314-79.314
+	s35.58-79.314,79.314-79.314c31.104,0,58.069,18.006,71.058,44.134c2.496-0.485,5.06-0.745,7.672-0.745
+	c1.819,0,3.623,0.136,5.406,0.375c-13.864-32.771-46.314-55.765-84.135-55.765c-50.431,0-91.314,40.883-91.314,91.314
+	c0,50.431,40.883,91.314,91.314,91.314c33.714,0,63.157-18.273,78.975-45.454H222.11z"/>
+<g>
+	<g>
+		<path class="st1" d="M236.19,127.533c9.964,0,19.48,4.286,26.108,11.759l4.035,4.549l6.056-0.564
+			c0.905-0.084,1.741-0.125,2.557-0.125c14.934,0,27.083,12.149,27.083,27.083c0,14.933-12.149,27.083-27.083,27.083h-89.493
+			c-8.398,0-15.229-6.832-15.229-15.229c0-8.397,6.831-15.229,15.229-15.229c0.811,0,1.643,0.068,2.473,0.203l11.939,1.94
+			l1.845-11.955c1.255-8.134,5.399-15.601,11.669-21.025C219.707,130.548,227.808,127.533,236.19,127.533 M236.19,115.533
+			c-23.446,0-42.872,17.208-46.34,39.684c-1.432-0.232-2.9-0.358-4.397-0.358c-15.038,0-27.229,12.191-27.229,27.229
+			c0,15.039,12.191,27.229,27.229,27.229h89.493c21.585,0,39.083-17.498,39.083-39.083c0-21.585-17.498-39.083-39.083-39.083
+			c-1.238,0-2.461,0.064-3.67,0.177C262.685,121.644,250.154,115.533,236.19,115.533L236.19,115.533z"/>
+	</g>
+</g>
+</svg>

src/assets/icon/svg/weather/03.svg

@@ -0,0 +1,47 @@
+<svg version="1.1" id="Icons" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
+	 viewBox="0 0 313.92 313.92" style="enable-background:new 0 0 313.92 313.92;" xml:space="preserve">
+<style type="text/css">
+	.st0{fill:#FF9838;}
+	.st1{fill:#B6BBBF;}
+	.st2{fill:#888A8C;}
+	.st3{fill:#00AEBD;}
+</style>
+<g>
+	<g>
+		<path class="st0" d="M157.176,53.332c-3.314,0-6-2.687-6-6V5.933c0-3.313,2.686-6,6-6c3.313,0,6,2.687,6,6v41.399
+			C163.176,50.646,160.489,53.332,157.176,53.332z"/>
+	</g>
+	<g>
+		<path class="st0" d="M79.712,85.419c-1.536,0-3.071-0.586-4.243-1.757L46.196,54.388c-2.343-2.343-2.343-6.142,0-8.485
+			c2.343-2.343,6.143-2.343,8.485,0l29.274,29.274c2.343,2.343,2.343,6.142,0,8.485C82.784,84.833,81.248,85.419,79.712,85.419z"/>
+	</g>
+	<g>
+		<path class="st0" d="M47.625,162.882H6.226c-3.313,0-6-2.686-6-6c0-3.313,2.687-6,6-6h41.399c3.313,0,6,2.687,6,6
+			C53.625,160.196,50.939,162.882,47.625,162.882z"/>
+	</g>
+	<g>
+		<path class="st0" d="M50.438,269.62c-1.536,0-3.071-0.586-4.243-1.757c-2.343-2.343-2.343-6.142,0-8.485l29.274-29.274
+			c2.343-2.343,6.143-2.343,8.485,0c2.343,2.343,2.343,6.142,0,8.485l-29.274,29.274C53.51,269.034,51.974,269.62,50.438,269.62z"/>
+	</g>
+	<g>
+		<path class="st0" d="M235.347,84.711c-1.535,0-3.071-0.586-4.242-1.757c-2.344-2.343-2.344-6.142,0-8.485l28.566-28.567
+			c2.342-2.343,6.143-2.343,8.484,0c2.344,2.343,2.344,6.142,0,8.485l-28.566,28.566C238.418,84.126,236.882,84.711,235.347,84.711z
+			"/>
+	</g>
+	<path class="st0" d="M110.748,225.062c0-1.157,0.07-2.297,0.196-3.421c-19.854-14.429-32.798-37.817-32.798-64.183
+		c0-43.734,35.58-79.314,79.314-79.314c40.661,0,74.254,30.761,78.778,70.23c4.541,2.419,8.761,5.459,12.535,9.057
+		c-0.014-50.419-40.891-91.287-91.313-91.287c-50.431,0-91.314,40.883-91.314,91.314c0,34.442,19.072,64.426,47.228,79.979
+		C111.691,233.65,110.748,229.465,110.748,225.062z"/>
+</g>
+<g>
+	<g>
+		<path class="st1" d="M209.475,147.664c14.561,0,28.466,6.262,38.15,17.18l4.035,4.55l6.055-0.564
+			c1.344-0.125,2.592-0.186,3.816-0.186c22.33,0,40.497,18.167,40.497,40.497c0,22.33-18.167,40.497-40.497,40.497H141.323
+			c-13.551,0-24.575-11.024-24.575-24.575s11.024-24.575,24.575-24.575c1.31,0,2.649,0.11,3.982,0.327l11.939,1.939l1.844-11.955
+			c1.835-11.891,7.89-22.803,17.051-30.728C185.388,152.07,197.227,147.664,209.475,147.664 M209.475,135.664
+			c-31.494,0-57.587,23.115-62.245,53.305c-1.923-0.312-3.895-0.482-5.906-0.482c-20.2,0-36.575,16.376-36.575,36.575
+			s16.375,36.575,36.575,36.575h120.208c28.993,0,52.497-23.503,52.497-52.497c0-28.993-23.504-52.497-52.497-52.497
+			c-1.663,0-3.306,0.086-4.93,0.238C245.064,143.872,228.232,135.664,209.475,135.664L209.475,135.664z"/>
+	</g>
+</g>
+</svg>

src/assets/icon/svg/weather/04.svg

@@ -0,0 +1,68 @@
+<svg version="1.1" id="Icons" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
+	 viewBox="0 0 313.92 313.92" style="enable-background:new 0 0 313.92 313.92;" xml:space="preserve">
+<style type="text/css">
+	.st0{fill:#FF9838;}
+	.st1{fill:#B6BBBF;}
+	.st2{fill:#888A8C;}
+	.st3{fill:#00AEBD;}
+</style>
+<g>
+	<g>
+		<g>
+			<path class="st1" d="M52.854,237.023c9.484,0,17.723,7.05,19.166,16.399l1.844,11.954l11.939-1.939
+				c0.347-0.056,0.69-0.085,1.021-0.085c3.436,0,6.231,2.795,6.231,6.23c0,3.436-2.795,6.23-6.231,6.23H26.906
+				c-7.812,0-14.166-6.355-14.166-14.167s6.354-14.166,14.166-14.166c0.422,0,0.861,0.022,1.344,0.067l6.055,0.564l4.036-4.55
+				C42.026,239.406,47.316,237.023,52.854,237.023 M52.854,225.023c-9.35,0-17.738,4.091-23.49,10.576
+				c-0.809-0.075-1.628-0.119-2.457-0.119c-14.451,0-26.166,11.715-26.166,26.166c0,14.452,11.715,26.167,26.166,26.167h59.917
+				c10.068,0,18.231-8.162,18.231-18.23c0-10.068-8.162-18.23-18.231-18.23c-1.003,0-1.985,0.084-2.944,0.24
+				C81.558,236.544,68.552,225.023,52.854,225.023L52.854,225.023z"/>
+		</g>
+	</g>
+</g>
+<g>
+	<g>
+		<path class="st0" d="M157.176,53.332c-3.313,0-6-2.687-6-6V5.933c0-3.313,2.687-6,6-6c3.313,0,6,2.687,6,6v41.399
+			C163.176,50.646,160.489,53.332,157.176,53.332z"/>
+	</g>
+	<g>
+		<path class="st0" d="M157.176,313.832c-3.313,0-6-2.686-6-6v-40.399c0-3.313,2.687-6,6-6c3.313,0,6,2.687,6,6v40.399
+			C163.176,311.146,160.489,313.832,157.176,313.832z"/>
+	</g>
+	<g>
+		<path class="st0" d="M79.712,85.419c-1.536,0-3.071-0.585-4.243-1.757L46.195,54.388c-2.343-2.343-2.343-6.142,0.001-8.485
+			c2.343-2.343,6.142-2.343,8.485,0l29.273,29.274c2.343,2.343,2.343,6.142-0.001,8.485C82.783,84.833,81.247,85.419,79.712,85.419z
+			"/>
+	</g>
+	<g>
+		<path class="st0" d="M263.914,269.62c-1.535,0-3.071-0.586-4.242-1.757l-28.567-28.567c-2.344-2.343-2.344-6.142,0-8.485
+			c2.342-2.343,6.142-2.343,8.484,0l28.567,28.567c2.344,2.343,2.344,6.142,0,8.485C266.985,269.034,265.449,269.62,263.914,269.62z
+			"/>
+	</g>
+	<g>
+		<path class="st0" d="M47.626,162.882H6.227c-3.313,0-6-2.686-6-6c0-3.313,2.687-6,6-6h41.399c3.313,0,6,2.687,6,6
+			C53.626,160.196,50.939,162.882,47.626,162.882z"/>
+	</g>
+	<g>
+		<path class="st0" d="M235.347,84.711c-1.536,0-3.071-0.586-4.243-1.757c-2.343-2.343-2.343-6.142,0.001-8.485l28.567-28.567
+			c2.342-2.343,6.142-2.342,8.485,0c2.343,2.343,2.343,6.142-0.001,8.485l-28.567,28.566
+			C238.418,84.126,236.882,84.711,235.347,84.711z"/>
+	</g>
+	<g>
+		<path class="st0" d="M222.11,203.317c-14.388,20.224-37.995,33.454-64.649,33.454c-43.734,0-79.314-35.58-79.314-79.314
+			s35.58-79.314,79.314-79.314c31.104,0,58.068,18.006,71.058,44.134c2.496-0.485,5.061-0.745,7.672-0.745
+			c1.819,0,3.622,0.136,5.405,0.375c-13.863-32.771-46.314-55.765-84.135-55.765c-50.432,0-91.314,40.883-91.314,91.314
+			c0,50.431,40.883,91.314,91.314,91.314c33.714,0,63.156-18.273,78.975-45.454H222.11z"/>
+		<g>
+			<g>
+				<path class="st1" d="M236.19,127.533c9.964,0,19.48,4.286,26.108,11.759l4.035,4.549l6.055-0.564
+					c0.905-0.084,1.741-0.125,2.557-0.125c14.934,0,27.083,12.149,27.083,27.083c0,14.933-12.149,27.083-27.083,27.083h-89.492
+					c-8.397,0-15.229-6.832-15.229-15.229c0-8.397,6.832-15.229,15.229-15.229c0.811,0,1.643,0.068,2.473,0.203l11.939,1.94
+					l1.845-11.955c1.255-8.134,5.399-15.601,11.669-21.025C219.707,130.548,227.809,127.533,236.19,127.533 M236.19,115.533
+					c-23.446,0-42.873,17.208-46.34,39.684c-1.433-0.232-2.9-0.358-4.398-0.358c-15.039,0-27.229,12.191-27.229,27.229
+					c0,15.039,12.19,27.229,27.229,27.229h89.492c21.585,0,39.083-17.498,39.083-39.083c0-21.585-17.498-39.083-39.083-39.083
+					c-1.238,0-2.461,0.064-3.67,0.177C262.685,121.644,250.154,115.533,236.19,115.533L236.19,115.533z"/>
+			</g>
+		</g>
+	</g>
+</g>
+</svg>

src/assets/icon/svg/weather/05.svg

@@ -0,0 +1,51 @@
+<svg version="1.1" id="Icons" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
+	 viewBox="0 0 313.92 313.92" style="enable-background:new 0 0 313.92 313.92;" xml:space="preserve">
+<style type="text/css">
+	.st0{fill:#FF9838;}
+	.st1{fill:#B6BBBF;}
+	.st2{fill:#888A8C;}
+	.st3{fill:#00AEBD;}
+</style>
+<g>
+	<g>
+		<path class="st0" d="M157.328,53.332c-3.313,0-6-2.687-6-6V5.933c0-3.313,2.687-6,6-6c3.314,0,6,2.687,6,6v41.399
+			C163.328,50.646,160.642,53.332,157.328,53.332z"/>
+	</g>
+</g>
+<g>
+	<g>
+		<path class="st0" d="M79.864,85.419c-1.536,0-3.071-0.585-4.243-1.757L46.348,54.388c-2.343-2.343-2.343-6.142,0.001-8.485
+			c2.343-2.343,6.143-2.343,8.485,0l29.273,29.274c2.343,2.343,2.343,6.142-0.001,8.485C82.936,84.833,81.399,85.419,79.864,85.419z
+			"/>
+	</g>
+</g>
+<g>
+	<g>
+		<path class="st0" d="M47.777,162.882H6.378c-3.314,0-6-2.686-6-6c0-3.313,2.687-6,6-6h41.399c3.313,0,6,2.687,6,6
+			C53.777,160.196,51.091,162.882,47.777,162.882z"/>
+	</g>
+</g>
+<g>
+	<g>
+		<path class="st0" d="M235.499,84.711c-1.535,0-3.071-0.586-4.242-1.757c-2.344-2.343-2.344-6.142,0-8.485l28.566-28.567
+			c2.342-2.343,6.143-2.343,8.484,0c2.344,2.343,2.344,6.142,0,8.485l-28.566,28.566C238.57,84.126,237.034,84.711,235.499,84.711z"
+			/>
+	</g>
+</g>
+<path class="st0" d="M157.612,66.144c-50.431,0-91.314,40.883-91.314,91.314c0,32.759,17.254,61.483,43.166,77.596h31.734
+	c-35.883-7.582-62.9-39.488-62.9-77.596c0-43.734,35.58-79.314,79.314-79.314c43.734,0,79.314,35.58,79.314,79.314
+	c0,38.107-27.018,70.014-62.901,77.596h31.734c25.913-16.112,43.167-44.837,43.167-77.596
+	C248.927,107.026,208.044,66.144,157.612,66.144z"/>
+<g>
+	<path class="st1" d="M282.653,241.053H32.546c-3.313,0-6-2.686-6-6c0-3.314,2.687-6,6-6h250.107c3.314,0,6,2.686,6,6
+		C288.653,238.367,285.967,241.053,282.653,241.053z"/>
+</g>
+<g>
+	<path class="st1" d="M282.653,163.458H137.267c-3.314,0-6-2.687-6-6c0-3.314,2.686-6,6-6h145.387c3.314,0,6,2.686,6,6
+		C288.653,160.771,285.967,163.458,282.653,163.458z"/>
+</g>
+<g>
+	<path class="st1" d="M177.3,202.237H32.546c-3.313,0-6-2.687-6-6c0-3.314,2.687-6,6-6H177.3c3.313,0,6,2.686,6,6
+		C183.3,199.551,180.613,202.237,177.3,202.237z"/>
+</g>
+</svg>

src/assets/icon/svg/weather/06.svg

@@ -0,0 +1,32 @@
+<svg version="1.1" id="Icons" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
+	 viewBox="0 0 313.92 313.92" style="enable-background:new 0 0 313.92 313.92;" xml:space="preserve">
+<style type="text/css">
+	.st0{fill:#FF9838;}
+	.st1{fill:#B6BBBF;}
+	.st2{fill:#888A8C;}
+	.st3{fill:#00AEBD;}
+</style>
+<g>
+	<path class="st0" d="M91.658,65.527c-3.313,0-6-2.687-6-6V32.322c0-3.313,2.687-6,6-6s6,2.687,6,6v27.205
+		C97.658,62.84,94.972,65.527,91.658,65.527z"/>
+	<path class="st0" d="M50.482,82.582c-1.536,0-3.071-0.586-4.243-1.757L27.003,61.588c-2.343-2.343-2.343-6.142,0-8.485
+		c2.343-2.343,6.143-2.343,8.485,0l19.236,19.236c2.343,2.343,2.343,6.142,0,8.485C53.554,81.996,52.018,82.582,50.482,82.582z"/>
+	<path class="st0" d="M33.427,123.758H6.223c-3.313,0-6-2.687-6-6c0-3.313,2.687-6,6-6h27.204c3.313,0,6,2.687,6,6
+		C39.427,121.071,36.74,123.758,33.427,123.758z"/>
+	<path class="st0" d="M61.155,152.059c3.446-0.979,7.077-1.514,10.832-1.514c2.119,0,4.279,0.176,6.421,0.524l5.97,0.97l0.167-1.085
+		c-15.214-3.276-26.653-16.828-26.653-33.006c0-18.619,15.147-33.767,33.767-33.767c10.375,0,19.668,4.707,25.867,12.093
+		c3.427-2.229,7.03-4.152,10.763-5.767c-8.349-11.127-21.648-18.327-36.629-18.327c-25.276,0-45.767,20.491-45.767,45.767
+		C45.892,131.504,51.79,143.679,61.155,152.059z"/>
+</g>
+<g>
+	<g>
+		<path class="st1" d="M157.176,90.517c19.059,0,37.258,8.195,49.932,22.484l4.035,4.55l6.055-0.564
+			c1.773-0.165,3.425-0.246,5.049-0.246c29.566,0,53.621,24.054,53.621,53.621c0,29.566-24.054,53.621-53.621,53.621H71.987
+			c-18.593,0-33.719-15.126-33.719-33.719c0-18.593,15.126-33.719,33.719-33.719c1.797,0,3.634,0.15,5.459,0.447l11.939,1.939
+			l1.844-11.955c2.401-15.566,10.327-29.85,22.315-40.221C125.65,96.284,141.145,90.517,157.176,90.517 M157.176,78.517
+			c-39.367,0-71.984,28.894-77.806,66.631c-2.404-0.391-4.869-0.602-7.383-0.602c-25.25,0-45.719,20.469-45.719,45.719
+			s20.469,45.719,45.719,45.719h150.26c36.241,0,65.621-29.379,65.621-65.621c0-36.242-29.379-65.621-65.621-65.621
+			c-2.079,0-4.132,0.108-6.162,0.297C201.662,88.777,180.622,78.517,157.176,78.517L157.176,78.517z"/>
+	</g>
+</g>
+</svg>

src/assets/icon/svg/weather/07.svg

@@ -0,0 +1,20 @@
+<svg version="1.1" id="Icons" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
+	 viewBox="0 0 313.92 313.92" style="enable-background:new 0 0 313.92 313.92;" xml:space="preserve">
+<style type="text/css">
+	.st0{fill:#FF9838;}
+	.st1{fill:#B6BBBF;}
+	.st2{fill:#888A8C;}
+	.st3{fill:#00AEBD;}
+</style>
+<g>
+	<g>
+		<path class="st1" d="M157.176,90.517c19.059,0,37.258,8.195,49.932,22.484l4.035,4.55l6.055-0.564
+			c1.773-0.165,3.425-0.246,5.049-0.246c29.567,0,53.621,24.054,53.621,53.621c0,29.566-24.054,53.621-53.621,53.621H71.987
+			c-18.593,0-33.719-15.126-33.719-33.719c0-18.593,15.126-33.719,33.719-33.719c1.798,0,3.634,0.15,5.459,0.447l11.939,1.939
+			l1.844-11.955c2.402-15.566,10.327-29.85,22.315-40.221C125.65,96.284,141.145,90.517,157.176,90.517 M157.176,78.517
+			c-39.367,0-71.983,28.894-77.806,66.631c-2.404-0.391-4.869-0.602-7.383-0.602c-25.25,0-45.719,20.469-45.719,45.719
+			s20.469,45.719,45.719,45.719h150.26c36.241,0,65.621-29.379,65.621-65.621c0-36.242-29.38-65.621-65.621-65.621
+			c-2.079,0-4.132,0.108-6.162,0.297C201.662,88.777,180.622,78.517,157.176,78.517L157.176,78.517z"/>
+	</g>
+</g>
+</svg>

src/assets/icon/svg/weather/08.svg

@@ -0,0 +1,30 @@
+<svg version="1.1" id="Icons" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
+	 viewBox="0 0 313.92 313.92" style="enable-background:new 0 0 313.92 313.92;" xml:space="preserve">
+<style type="text/css">
+	.st0{fill:#FF9838;}
+	.st1{fill:#B6BBBF;}
+	.st2{fill:#888A8C;}
+	.st3{fill:#00AEBD;}
+</style>
+<g>
+	<path class="st1" d="M198.144,223.983H71.987c-18.593,0-33.719-15.126-33.719-33.719c0-18.593,15.126-33.719,33.719-33.719
+		c1.798,0,3.634,0.15,5.459,0.447l11.939,1.939l1.844-11.955c2.402-15.566,10.327-29.85,22.315-40.221
+		c12.105-10.472,27.601-16.239,43.631-16.239c19.059,0,37.258,8.195,49.933,22.484l4.035,4.55l6.055-0.564
+		c1.773-0.165,3.425-0.246,5.049-0.246c29.566,0,53.621,24.054,53.621,53.621c0,9.423-2.452,18.282-6.739,25.985
+		c1.505,1.195,2.919,2.518,4.213,3.977l2.018,2.275l3.027-0.282c0.421-0.039,0.825-0.067,1.222-0.087
+		c5.255-9.438,8.26-20.3,8.26-31.869c0-36.242-29.38-65.621-65.621-65.621c-2.079,0-4.132,0.108-6.161,0.297
+		c-14.424-16.262-35.464-26.522-58.91-26.522c-39.367,0-71.983,28.894-77.806,66.631c-2.404-0.391-4.869-0.602-7.383-0.602
+		c-25.25,0-45.719,20.469-45.719,45.719s20.469,45.719,45.719,45.719h117.394C190.29,230.764,193.602,226.367,198.144,223.983z"/>
+	<g>
+		<g>
+			<path class="st1" d="M248.436,195.11c7.792,0,15.234,3.352,20.418,9.197l4.035,4.549l6.055-0.564
+				c0.698-0.065,1.341-0.096,1.963-0.096c11.439,0,20.744,9.306,20.744,20.744c0,11.438-9.306,20.744-20.744,20.744h-74.979
+				c-5.963,0-10.814-4.851-10.814-10.814c0-5.962,4.851-10.813,10.814-10.813c0.575,0,1.167,0.049,1.76,0.145l11.939,1.939
+				l1.844-11.955C223.501,205.031,235.094,195.11,248.436,195.11 M248.436,183.11c-19.644,0-35.919,14.418-38.824,33.249
+				c-1.199-0.195-2.43-0.3-3.684-0.3c-12.6,0-22.814,10.214-22.814,22.813c0,12.6,10.214,22.814,22.814,22.814h74.979
+				c18.084,0,32.744-14.66,32.744-32.744c0-18.085-14.66-32.744-32.744-32.744c-1.037,0-2.062,0.054-3.074,0.148
+				C270.635,188.23,260.136,183.11,248.436,183.11L248.436,183.11z"/>
+		</g>
+	</g>
+</g>
+</svg>

src/assets/icon/svg/weather/11.svg

@@ -0,0 +1,27 @@
+<svg version="1.1" id="Icons" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
+	 viewBox="0 0 313.92 313.92" style="enable-background:new 0 0 313.92 313.92;" xml:space="preserve">
+<style type="text/css">
+	.st0{fill:#FF9838;}
+	.st1{fill:#B6BBBF;}
+	.st2{fill:#888A8C;}
+	.st3{fill:#00AEBD;}
+</style>
+<path class="st1" d="M38.885,157.458c2.997-15.544,16.696-27.324,33.102-27.324c1.798,0,3.635,0.15,5.46,0.447l11.938,1.939
+	l1.845-11.955c2.401-15.566,10.327-29.85,22.315-40.221c12.105-10.472,27.601-16.239,43.631-16.239
+	c19.059,0,37.259,8.195,49.933,22.484l4.035,4.55l6.055-0.564c1.773-0.165,3.425-0.246,5.049-0.246
+	c29.566,0,53.621,24.054,53.621,53.621c0,4.664-0.602,9.19-1.726,13.507h12.327c0.913-4.36,1.398-8.876,1.398-13.507
+	c0-36.241-29.38-65.621-65.621-65.621c-2.079,0-4.132,0.108-6.161,0.297c-14.424-16.262-35.464-26.522-58.91-26.522
+	c-39.367,0-71.983,28.894-77.806,66.631c-2.404-0.391-4.869-0.602-7.384-0.602c-23.078,0-42.151,17.103-45.264,39.324H38.885z"/>
+<g>
+	<path class="st1" d="M307.573,163.458H6.907c-3.313,0-6-2.687-6-6c0-3.313,2.687-6,6-6h300.666c3.313,0,6,2.687,6,6
+		C313.573,160.771,310.887,163.458,307.573,163.458z"/>
+</g>
+<g>
+	<path class="st1" d="M307.573,202.238H6.907c-3.313,0-6-2.686-6-6c0-3.313,2.687-6,6-6h300.666c3.313,0,6,2.687,6,6
+		C313.573,199.551,310.887,202.238,307.573,202.238z"/>
+</g>
+<g>
+	<path class="st1" d="M307.573,241.018H6.907c-3.313,0-6-2.686-6-6c0-3.313,2.687-6,6-6h300.666c3.313,0,6,2.687,6,6
+		C313.573,238.331,310.887,241.018,307.573,241.018z"/>
+</g>
+</svg>

src/assets/icon/svg/weather/12.svg

@@ -0,0 +1,37 @@
+<svg version="1.1" id="Icons" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
+	 viewBox="0 0 313.92 313.92" style="enable-background:new 0 0 313.92 313.92;" xml:space="preserve">
+<style type="text/css">
+	.st0{fill:#FF9838;}
+	.st1{fill:#B6BBBF;}
+	.st2{fill:#888A8C;}
+	.st3{fill:#00AEBD;}
+</style>
+<g>
+	<g>
+		<g>
+			<path class="st1" d="M157.176,64.105c19.059,0,37.259,8.195,49.933,22.484l4.035,4.55l6.055-0.564
+				c1.773-0.165,3.425-0.246,5.049-0.246c29.567,0,53.621,24.054,53.621,53.621c0,29.566-24.054,53.621-53.621,53.621H71.986
+				c-18.592,0-33.718-15.126-33.718-33.719c0-18.592,15.126-33.719,33.718-33.719c1.799,0,3.635,0.15,5.46,0.447l11.939,1.939
+				l1.845-11.955c2.401-15.566,10.326-29.85,22.314-40.221C125.65,69.872,141.145,64.105,157.176,64.105 M157.176,52.105
+				c-39.367,0-71.983,28.894-77.806,66.631c-2.404-0.391-4.868-0.602-7.384-0.602c-25.249,0-45.718,20.469-45.718,45.719
+				c0,25.25,20.469,45.719,45.718,45.719h150.261c36.242,0,65.621-29.379,65.621-65.621S258.489,78.33,222.247,78.33
+				c-2.079,0-4.132,0.108-6.161,0.297C201.662,62.365,180.622,52.105,157.176,52.105L157.176,52.105z"/>
+		</g>
+	</g>
+</g>
+<g>
+	<path class="st3" d="M179.109,287.671c-1.052,0-2.116-0.276-3.083-0.857c-2.841-1.706-3.761-5.392-2.055-8.233l24.141-40.193
+		c1.705-2.841,5.393-3.761,8.232-2.054c2.841,1.706,3.761,5.392,2.055,8.233l-24.141,40.193
+		C183.134,286.633,181.146,287.671,179.109,287.671z"/>
+</g>
+<g>
+	<path class="st3" d="M124.113,313.904c-1.052,0-2.116-0.276-3.083-0.857c-2.841-1.706-3.761-5.392-2.055-8.233l39.897-66.426
+		c1.706-2.841,5.393-3.761,8.232-2.054c2.841,1.706,3.761,5.392,2.055,8.233l-39.897,66.426
+		C128.138,312.866,126.15,313.904,124.113,313.904z"/>
+</g>
+<g>
+	<path class="st3" d="M100.63,287.671c-1.052,0-2.116-0.276-3.083-0.857c-2.841-1.706-3.761-5.392-2.055-8.233l24.141-40.193
+		c1.706-2.841,5.393-3.761,8.232-2.054c2.841,1.706,3.761,5.392,2.055,8.233l-24.141,40.193
+		C104.654,286.633,102.667,287.671,100.63,287.671z"/>
+</g>
+</svg>

src/assets/icon/svg/weather/13.svg

@@ -0,0 +1,55 @@
+<svg version="1.1" id="Icons" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
+	 viewBox="0 0 313.92 313.92" style="enable-background:new 0 0 313.92 313.92;" xml:space="preserve">
+<style type="text/css">
+	.st0{fill:#FF9838;}
+	.st1{fill:#B6BBBF;}
+	.st2{fill:#888A8C;}
+	.st3{fill:#00AEBD;}
+</style>
+<g>
+	<g>
+		<path class="st0" d="M91.658,38.861c-3.313,0-6-2.687-6-6V5.657c0-3.313,2.687-6,6-6s6,2.687,6,6v27.204
+			C97.658,36.175,94.972,38.861,91.658,38.861z"/>
+	</g>
+	<g>
+		<path class="st0" d="M50.482,55.917c-1.536,0-3.071-0.586-4.243-1.757L27.003,34.923c-2.343-2.343-2.343-6.142,0-8.485
+			c2.343-2.343,6.143-2.343,8.485,0l19.236,19.236c2.343,2.343,2.343,6.142,0,8.485C53.554,55.331,52.018,55.917,50.482,55.917z"/>
+	</g>
+	<g>
+		<path class="st0" d="M33.427,97.093H6.223c-3.313,0-6-2.686-6-6c0-3.313,2.687-6,6-6h27.204c3.313,0,6,2.687,6,6
+			C39.427,94.406,36.74,97.093,33.427,97.093z"/>
+	</g>
+	<path class="st0" d="M61.155,125.394c3.446-0.978,7.076-1.514,10.832-1.514c2.118,0,4.279,0.176,6.422,0.524l5.969,0.969
+		l0.167-1.084c-15.213-3.276-26.653-16.827-26.653-33.006c0-18.619,15.147-33.767,33.767-33.767
+		c10.375,0,19.667,4.706,25.867,12.093c3.427-2.229,7.03-4.151,10.763-5.767c-8.349-11.127-21.648-18.326-36.629-18.326
+		c-25.276,0-45.767,20.491-45.767,45.767C45.892,104.839,51.79,117.014,61.155,125.394z"/>
+</g>
+<g>
+	<g>
+		<path class="st1" d="M157.176,63.851c19.059,0,37.258,8.195,49.932,22.485l4.035,4.549l6.055-0.564
+			c1.773-0.165,3.425-0.245,5.049-0.245c29.566,0,53.621,24.054,53.621,53.621c0,29.566-24.054,53.621-53.621,53.621H71.987
+			c-18.593,0-33.719-15.126-33.719-33.719c0-18.592,15.126-33.719,33.719-33.719c1.797,0,3.634,0.15,5.459,0.447l11.939,1.939
+			l1.844-11.954c2.401-15.567,10.327-29.851,22.315-40.221C125.65,69.619,141.145,63.851,157.176,63.851 M157.176,51.851
+			c-39.367,0-71.984,28.894-77.806,66.631c-2.404-0.391-4.869-0.603-7.383-0.603c-25.25,0-45.719,20.469-45.719,45.719
+			c0,25.25,20.469,45.719,45.719,45.719h150.26c36.241,0,65.621-29.379,65.621-65.621s-29.379-65.621-65.621-65.621
+			c-2.079,0-4.132,0.108-6.162,0.297C201.662,62.111,180.622,51.851,157.176,51.851L157.176,51.851z"/>
+	</g>
+</g>
+<g>
+	<g>
+		<path class="st3" d="M179.109,287.687c-1.051,0-2.116-0.276-3.084-0.858c-2.841-1.706-3.76-5.392-2.054-8.232l24.141-40.192
+			c1.706-2.841,5.391-3.763,8.233-2.055c2.841,1.706,3.76,5.393,2.054,8.233l-24.141,40.192
+			C183.133,286.648,181.146,287.687,179.109,287.687z"/>
+	</g>
+	<g>
+		<path class="st3" d="M124.113,313.92c-1.051,0-2.116-0.276-3.084-0.858c-2.841-1.706-3.76-5.392-2.054-8.232l39.897-66.426
+			c1.706-2.841,5.39-3.763,8.233-2.055c2.841,1.706,3.76,5.393,2.054,8.233l-39.897,66.426
+			C128.137,312.882,126.15,313.92,124.113,313.92z"/>
+	</g>
+	<g>
+		<path class="st3" d="M100.629,287.687c-1.051,0-2.116-0.276-3.083-0.858c-2.841-1.706-3.76-5.392-2.054-8.232l24.141-40.192
+			c1.706-2.841,5.391-3.763,8.233-2.055c2.841,1.706,3.76,5.393,2.054,8.233l-24.141,40.192
+			C104.653,286.648,102.667,287.687,100.629,287.687z"/>
+	</g>
+</g>
+</svg>

src/assets/icon/svg/weather/14.svg

@@ -0,0 +1,65 @@
+<svg version="1.1" id="Icons" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
+	 viewBox="0 0 313.92 313.92" style="enable-background:new 0 0 313.92 313.92;" xml:space="preserve">
+<style type="text/css">
+	.st0{fill:#FF9838;}
+	.st1{fill:#B6BBBF;}
+	.st2{fill:#888A8C;}
+	.st3{fill:#00AEBD;}
+</style>
+<g>
+	<g>
+		<path class="st0" d="M137.539,47.947c-3.314,0-6-2.687-6-6V5.933c0-3.313,2.686-6,6-6c3.313,0,6,2.687,6,6v36.014
+			C143.539,45.26,140.853,47.947,137.539,47.947z"/>
+	</g>
+	<g>
+		<path class="st0" d="M70.152,75.859c-1.536,0-3.071-0.585-4.243-1.757L40.444,48.636c-2.343-2.343-2.343-6.142,0-8.485
+			c2.343-2.343,6.142-2.343,8.485,0l25.465,25.466c2.343,2.343,2.343,6.142,0,8.485C73.224,75.273,71.688,75.859,70.152,75.859z"/>
+	</g>
+	<g>
+		<path class="st0" d="M42.24,143.246H6.226c-3.314,0-6-2.686-6-6c0-3.313,2.686-6,6-6H42.24c3.313,0,6,2.687,6,6
+			C48.24,140.56,45.554,143.246,42.24,143.246z"/>
+	</g>
+	<g>
+		<path class="st0" d="M44.687,236.098c-1.536,0-3.071-0.586-4.243-1.757c-2.343-2.343-2.343-6.142,0-8.485L65.91,200.39
+			c2.343-2.343,6.142-2.343,8.485,0c2.343,2.343,2.343,6.142,0,8.485L48.93,234.341C47.758,235.512,46.223,236.098,44.687,236.098z"
+			/>
+	</g>
+	<g>
+		<path class="st0" d="M205.541,75.244c-1.536,0-3.071-0.586-4.243-1.757c-2.343-2.343-2.343-6.142,0-8.485l24.85-24.851
+			c2.343-2.343,6.143-2.343,8.485,0c2.343,2.343,2.343,6.142,0,8.485l-24.851,24.851C208.612,74.658,207.077,75.244,205.541,75.244z
+			"/>
+	</g>
+	<path class="st0" d="M110.759,199.509c-23.763-10.44-40.408-34.188-40.408-61.763c0-37.184,30.251-67.435,67.435-67.435
+		c29.656,0,54.884,19.251,63.89,45.907c2.571-0.355,5.176-0.539,7.797-0.539c1.568,0,3.127,0.085,4.678,0.213
+		c-9.496-33.239-40.078-57.581-76.366-57.581c-43.871,0-79.435,35.564-79.435,79.435c0,35.759,23.631,65.992,56.127,75.953
+		C112.166,209.472,110.831,204.641,110.759,199.509z"/>
+</g>
+<g>
+	<g>
+		<path class="st1" d="M209.474,121.679c14.561,0,28.466,6.262,38.15,17.18l4.035,4.55l6.056-0.564
+			c1.343-0.125,2.591-0.186,3.816-0.186c22.33,0,40.497,18.167,40.497,40.497c0,22.33-18.167,40.497-40.497,40.497H141.323
+			c-13.55,0-24.575-11.024-24.575-24.575c0-13.551,11.024-24.575,24.575-24.575c1.31,0,2.65,0.11,3.983,0.327l11.939,1.939
+			l1.845-11.955c1.834-11.891,7.89-22.803,17.05-30.728C185.388,126.085,197.226,121.679,209.474,121.679 M209.474,109.679
+			c-31.494,0-57.587,23.115-62.245,53.305c-1.923-0.312-3.895-0.482-5.907-0.482c-20.2,0-36.575,16.376-36.575,36.575
+			s16.375,36.575,36.575,36.575h120.208c28.993,0,52.497-23.503,52.497-52.497c0-28.993-23.504-52.497-52.497-52.497
+			c-1.663,0-3.306,0.087-4.929,0.238C245.063,117.887,228.231,109.679,209.474,109.679L209.474,109.679z"/>
+	</g>
+</g>
+<g>
+	<g>
+		<path class="st3" d="M192.813,313.92c-1.051,0-2.116-0.276-3.083-0.858c-2.841-1.706-3.76-5.392-2.054-8.232l24.48-40.757
+			c1.706-2.841,5.39-3.763,8.233-2.055c2.841,1.706,3.76,5.393,2.054,8.233l-24.48,40.757
+			C196.837,312.882,194.851,313.92,192.813,313.92z"/>
+	</g>
+	<g>
+		<path class="st3" d="M239.849,300.94c-1.051,0-2.116-0.276-3.083-0.857c-2.841-1.706-3.76-5.392-2.054-8.233l16.684-27.777
+			c1.705-2.841,5.39-3.763,8.233-2.055c2.841,1.706,3.76,5.393,2.054,8.233l-16.684,27.777
+			C243.873,299.902,241.886,300.94,239.849,300.94z"/>
+	</g>
+	<g>
+		<path class="st3" d="M161.369,300.94c-1.051,0-2.116-0.276-3.084-0.857c-2.841-1.706-3.76-5.392-2.054-8.233l16.684-27.777
+			c1.706-2.841,5.39-3.763,8.233-2.055c2.841,1.706,3.76,5.393,2.054,8.233l-16.684,27.777
+			C165.393,299.902,163.407,300.94,161.369,300.94z"/>
+	</g>
+</g>
+</svg>

src/assets/icon/svg/weather/15.svg

@@ -0,0 +1,23 @@
+<svg version="1.1" id="Icons" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
+	 viewBox="0 0 313.92 313.92" style="enable-background:new 0 0 313.92 313.92;" xml:space="preserve">
+<style type="text/css">
+	.st0{fill:#FF9838;}
+	.st1{fill:#B6BBBF;}
+	.st2{fill:#888A8C;}
+	.st3{fill:#00AEBD;}
+</style>
+<path class="st1" d="M222.247,78.33c-2.079,0-4.132,0.108-6.161,0.297c-14.424-16.262-35.464-26.522-58.91-26.522
+	c-39.367,0-71.983,28.894-77.806,66.631c-2.404-0.391-4.869-0.602-7.383-0.602c-25.51,0-46.14,20.893-45.712,46.5
+	c0.419,25.068,21.393,44.937,46.465,44.937h57.905c2.106,0,4.059-1.105,5.143-2.911l0,0c2.402-3.999-0.479-9.089-5.143-9.089H72.658
+	c-18.866,0-34.707-15.438-34.385-34.302c0.312-18.325,15.316-33.136,33.714-33.136c1.798,0,3.634,0.15,5.459,0.447l11.939,1.939
+	l1.844-11.955c2.402-15.566,10.327-29.85,22.315-40.221c12.105-10.472,27.601-16.239,43.631-16.239
+	c19.059,0,37.258,8.195,49.932,22.485l4.036,4.549l6.055-0.564c1.773-0.165,3.425-0.245,5.049-0.245
+	c29.844,0,54.071,24.507,53.614,54.453c-0.448,29.422-25.003,52.788-54.428,52.788H188.97c-2.106,0-4.059,1.105-5.144,2.911l0,0
+	c-2.402,4,0.478,9.089,5.144,9.089h32.3c36.064,0,66.125-28.688,66.593-64.75C288.338,108.181,258.778,78.33,222.247,78.33z"/>
+<path class="st0" d="M182.237,238.523c-1.064-1.882-3.059-3.045-5.222-3.045h-29.373l34.438-57.337
+	c1.706-2.841,0.786-6.527-2.055-8.233c-2.839-1.707-6.526-0.787-8.232,2.054l-39.897,66.426c-1.706,2.841-0.787,6.527,2.054,8.233
+	c0.817,0.491,1.704,0.752,2.594,0.825c0.006,0,0.013,0,0.019,0.001c0.157,0.013,0.314,0.031,0.471,0.031
+	c0.022,0,0.043-0.004,0.065-0.004c0.021,0,0.041,0.003,0.062,0.003h29.253l-34.438,57.336c-1.706,2.841-0.787,6.527,2.054,8.233
+	c0.967,0.581,2.032,0.857,3.083,0.857c2.038,0,4.024-1.038,5.149-2.912l39.897-66.426
+	C183.272,242.713,183.303,240.404,182.237,238.523z"/>
+</svg>

src/assets/icon/svg/weather/16.svg

@@ -0,0 +1,41 @@
+<svg version="1.1" id="Icons" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
+	 viewBox="0 0 313.92 313.92" style="enable-background:new 0 0 313.92 313.92;" xml:space="preserve">
+<style type="text/css">
+	.st0{fill:#FF9838;}
+	.st1{fill:#B6BBBF;}
+	.st2{fill:#888A8C;}
+	.st3{fill:#00AEBD;}
+</style>
+<g>
+	<g>
+		<path class="st0" d="M91.658,38.861c-3.313,0-6-2.687-6-6V5.657c0-3.313,2.687-6,6-6c3.313,0,6,2.687,6,6v27.204
+			C97.658,36.175,94.972,38.861,91.658,38.861z"/>
+	</g>
+	<g>
+		<path class="st0" d="M50.482,55.917c-1.535,0-3.071-0.586-4.242-1.757L27.004,34.923c-2.344-2.343-2.344-6.142,0-8.485
+			c2.342-2.343,6.143-2.343,8.484,0l19.236,19.236c2.344,2.343,2.344,6.142,0,8.485C53.554,55.331,52.018,55.917,50.482,55.917z"/>
+	</g>
+	<g>
+		<path class="st0" d="M33.428,97.093H6.223c-3.313,0-6-2.686-6-6c0-3.313,2.687-6,6-6h27.205c3.313,0,6,2.687,6,6
+			C39.428,94.406,36.741,97.093,33.428,97.093z"/>
+	</g>
+	<path class="st0" d="M61.155,125.394c3.446-0.978,7.077-1.514,10.832-1.514c2.118,0,4.278,0.176,6.422,0.524l5.969,0.969
+		l0.167-1.084c-15.214-3.276-26.653-16.827-26.653-33.006c0-18.619,15.147-33.767,33.767-33.767
+		c10.375,0,19.668,4.706,25.867,12.093c3.427-2.229,7.029-4.151,10.763-5.767c-8.35-11.127-21.648-18.326-36.63-18.326
+		c-25.276,0-45.767,20.491-45.767,45.767C45.892,104.839,51.79,117.014,61.155,125.394z"/>
+</g>
+<path class="st0" d="M182.237,238.523c-1.064-1.882-3.06-3.045-5.222-3.045h-29.373l34.438-57.337
+	c1.706-2.841,0.786-6.527-2.055-8.233c-2.84-1.707-6.527-0.787-8.233,2.054l-39.896,66.426c-1.706,2.841-0.786,6.527,2.055,8.233
+	c0.816,0.491,1.703,0.752,2.592,0.825c0.008,0,0.015,0,0.022,0.001c0.156,0.013,0.313,0.031,0.47,0.031
+	c0.021,0,0.043-0.004,0.064-0.004c0.02,0,0.041,0.003,0.061,0.003h29.253l-34.438,57.336c-1.706,2.841-0.786,6.527,2.055,8.233
+	c0.967,0.581,2.031,0.857,3.083,0.857c2.037,0,4.024-1.038,5.149-2.912l39.896-66.426
+	C183.272,242.713,183.303,240.404,182.237,238.523z"/>
+<path class="st1" d="M222.247,78.33c-2.079,0-4.132,0.108-6.161,0.297c-14.424-16.262-35.464-26.522-58.91-26.522
+	c-39.367,0-71.983,28.894-77.806,66.631c-2.404-0.391-4.869-0.602-7.383-0.602c-25.511,0-46.141,20.893-45.713,46.5
+	c0.419,25.068,21.393,44.937,46.465,44.937h57.905c2.106,0,4.059-1.105,5.143-2.911l0,0c2.402-3.999-0.479-9.089-5.143-9.089H72.658
+	c-18.865,0-34.707-15.438-34.385-34.302c0.312-18.325,15.315-33.136,33.714-33.136c1.798,0,3.634,0.15,5.459,0.447l11.939,1.939
+	l1.844-11.955c2.401-15.566,10.327-29.85,22.315-40.221c12.105-10.472,27.601-16.239,43.631-16.239
+	c19.059,0,37.258,8.195,49.933,22.485l4.035,4.549l6.055-0.564c1.773-0.165,3.425-0.245,5.049-0.245
+	c29.844,0,54.071,24.507,53.614,54.453c-0.448,29.422-25.003,52.788-54.428,52.788H188.97c-2.106,0-4.059,1.105-5.144,2.911l0,0
+	c-2.402,4,0.479,9.089,5.144,9.089h32.3c36.065,0,66.125-28.688,66.593-64.75C288.338,108.181,258.778,78.33,222.247,78.33z"/>
+</svg>

src/assets/icon/svg/weather/17.svg

@@ -0,0 +1,53 @@
+<svg version="1.1" id="Icons" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
+	 viewBox="0 0 313.92 313.92" style="enable-background:new 0 0 313.92 313.92;" xml:space="preserve">
+<style type="text/css">
+	.st0{fill:#FF9838;}
+	.st1{fill:#B6BBBF;}
+	.st2{fill:#888A8C;}
+	.st3{fill:#00AEBD;}
+</style>
+<g>
+	<g>
+		<path class="st0" d="M137.539,47.947c-3.313,0-6-2.687-6-6V5.933c0-3.313,2.687-6,6-6c3.313,0,6,2.687,6,6v36.014
+			C143.539,45.26,140.852,47.947,137.539,47.947z"/>
+	</g>
+	<g>
+		<path class="st0" d="M70.152,75.859c-1.536,0-3.071-0.586-4.243-1.757L40.444,48.636c-2.343-2.343-2.343-6.142,0.001-8.485
+			c2.343-2.343,6.143-2.342,8.485,0l25.465,25.466c2.343,2.343,2.343,6.142-0.001,8.485C73.224,75.273,71.688,75.859,70.152,75.859z
+			"/>
+	</g>
+	<g>
+		<path class="st0" d="M42.24,143.246H6.227c-3.314,0-6-2.686-6-6c0-3.313,2.687-6,6-6H42.24c3.313,0,6,2.687,6,6
+			C48.24,140.56,45.554,143.246,42.24,143.246z"/>
+	</g>
+	<g>
+		<path class="st0" d="M44.688,236.098c-1.535,0-3.071-0.586-4.242-1.757c-2.344-2.343-2.344-6.142-0.001-8.485l25.465-25.466
+			c2.344-2.343,6.143-2.343,8.485,0c2.344,2.343,2.344,6.142,0.001,8.485l-25.465,25.466
+			C47.759,235.512,46.223,236.098,44.688,236.098z"/>
+	</g>
+	<g>
+		<path class="st0" d="M205.541,75.244c-1.535,0-3.071-0.586-4.242-1.757c-2.344-2.343-2.344-6.142,0-8.485l24.851-24.851
+			c2.342-2.343,6.143-2.343,8.484,0c2.344,2.343,2.344,6.142,0,8.485l-24.851,24.851C208.612,74.658,207.076,75.244,205.541,75.244z
+			"/>
+	</g>
+	<path class="st0" d="M110.759,199.509c-23.763-10.44-40.407-34.188-40.407-61.763c0-37.184,30.252-67.435,67.435-67.435
+		c29.656,0,54.884,19.251,63.89,45.907c2.571-0.355,5.176-0.539,7.798-0.539c1.568,0,3.127,0.085,4.678,0.213
+		c-9.496-33.239-40.078-57.581-76.365-57.581c-43.871,0-79.435,35.564-79.435,79.435c0,35.759,23.632,65.992,56.127,75.953
+		C112.167,209.472,110.831,204.641,110.759,199.509z"/>
+</g>
+<path class="st1" d="M261.424,130.658c-1.663,0-3.306,0.087-4.93,0.238c-11.539-13.009-28.37-21.217-47.127-21.217
+	c-31.494,0-57.588,23.115-62.245,53.305c-1.924-0.312-3.896-0.482-5.907-0.482c-19.961,0-36.188,15.991-36.567,35.862
+	c-0.393,20.505,16.782,37.288,37.29,37.288h39.104c2.106,0,4.059-1.104,5.143-2.911l0,0c2.402-3.999-0.479-9.089-5.143-9.089
+	h-39.268c-13.748,0-25.361-11.25-25.13-24.996c0.226-13.357,11.162-24.154,24.571-24.154c1.311,0,2.65,0.11,3.982,0.327
+	l11.939,1.939l1.845-11.955c1.835-11.891,7.89-22.803,17.051-30.728c9.248-8.001,21.087-12.406,33.335-12.406
+	c14.561,0,28.466,6.262,38.149,17.18l4.036,4.55l6.055-0.564c1.344-0.125,2.592-0.186,3.816-0.186
+	c22.654,0,41.023,18.699,40.484,41.473c-0.522,22.108-19.13,39.52-41.244,39.52h-21.298c-2.106,0-4.06,1.105-5.144,2.911l0,0
+	c-2.402,3.999,0.479,9.089,5.144,9.089h21.193c28.788,0,52.872-22.815,53.353-51.599
+	C314.404,154.648,290.716,130.658,261.424,130.658z"/>
+<path class="st0" d="M240.599,251.523c-1.064-1.882-3.06-3.045-5.222-3.045h-29.374l26.939-44.852
+	c1.706-2.841,0.786-6.527-2.055-8.233c-2.84-1.706-6.526-0.786-8.232,2.054l-32.398,53.941c-1.706,2.841-0.786,6.527,2.055,8.233
+	c0.816,0.491,1.703,0.752,2.593,0.825c0.006,0.001,0.014,0.001,0.021,0.001c0.156,0.013,0.313,0.031,0.47,0.031
+	c0.021,0,0.043-0.004,0.064-0.004c0.021,0,0.041,0.003,0.061,0.003h29.254L198.2,304.732c-1.706,2.841-0.786,6.527,2.055,8.233
+	c0.967,0.581,2.031,0.857,3.083,0.857c2.037,0,4.023-1.038,5.149-2.912l32.033-53.343
+	C241.634,255.713,241.664,253.404,240.599,251.523z"/>
+</svg>

src/assets/icon/svg/weather/18.svg

@@ -0,0 +1,49 @@
+<svg version="1.1" id="Icons" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
+	 viewBox="0 0 313.92 313.92" style="enable-background:new 0 0 313.92 313.92;" xml:space="preserve">
+<style type="text/css">
+	.st0{fill:#FF9838;}
+	.st1{fill:#B6BBBF;}
+	.st2{fill:#888A8C;}
+	.st3{fill:#00AEBD;}
+</style>
+<g>
+	<g>
+		<g>
+			<path class="st1" d="M157.176,64.105c19.059,0,37.258,8.195,49.932,22.484l4.035,4.55l6.055-0.564
+				c1.773-0.165,3.424-0.245,5.049-0.245c29.566,0,53.621,24.054,53.621,53.621c0,29.567-24.054,53.621-53.621,53.621H71.987
+				c-18.593,0-33.719-15.126-33.719-33.719c0-18.592,15.126-33.718,33.719-33.718c1.798,0,3.634,0.15,5.458,0.447l11.94,1.939
+				l1.844-11.955c2.401-15.566,10.327-29.85,22.315-40.221C125.65,69.872,141.145,64.105,157.176,64.105 M157.176,52.105
+				c-39.367,0-71.984,28.894-77.806,66.631c-2.404-0.391-4.869-0.602-7.383-0.602c-25.25,0-45.719,20.469-45.719,45.718
+				c0,25.25,20.469,45.719,45.719,45.719h150.26c36.241,0,65.621-29.379,65.621-65.621c0-36.241-29.379-65.621-65.621-65.621
+				c-2.079,0-4.132,0.108-6.162,0.297C201.662,62.365,180.622,52.105,157.176,52.105L157.176,52.105z"/>
+		</g>
+	</g>
+</g>
+<g>
+	<g>
+		<path class="st3" d="M163.353,313.92c-1.051,0-2.116-0.276-3.083-0.857c-2.841-1.707-3.76-5.392-2.054-8.233l39.897-66.426
+			c1.706-2.84,5.39-3.762,8.233-2.054c2.841,1.706,3.76,5.392,2.054,8.233l-39.898,66.426
+			C167.377,312.882,165.391,313.92,163.353,313.92z"/>
+	</g>
+	<g>
+		<path class="st3" d="M84.873,313.92c-1.051,0-2.116-0.276-3.083-0.857c-2.841-1.707-3.76-5.392-2.054-8.233l39.897-66.426
+			c1.706-2.84,5.391-3.762,8.233-2.054c2.841,1.706,3.76,5.392,2.054,8.233l-39.897,66.426
+			C88.897,312.882,86.911,313.92,84.873,313.92z"/>
+	</g>
+	<g>
+		<path class="st3" d="M139.87,287.688c-1.051,0-2.116-0.276-3.083-0.858c-2.841-1.706-3.76-5.392-2.054-8.233l24.141-40.193
+			c1.706-2.84,5.391-3.762,8.233-2.054c2.841,1.706,3.76,5.392,2.054,8.233l-24.141,40.193
+			C143.894,286.649,141.907,287.688,139.87,287.688z"/>
+	</g>
+	<g>
+		<path class="st3" d="M61.389,287.688c-1.051,0-2.116-0.276-3.083-0.858c-2.841-1.706-3.76-5.392-2.054-8.233l24.141-40.193
+			c1.706-2.84,5.39-3.762,8.233-2.054c2.841,1.706,3.76,5.392,2.054,8.233l-24.141,40.193
+			C65.413,286.649,63.427,287.688,61.389,287.688z"/>
+	</g>
+	<g>
+		<path class="st3" d="M218.35,287.688c-1.051,0-2.116-0.276-3.083-0.858c-2.841-1.706-3.76-5.392-2.054-8.233l24.141-40.193
+			c1.706-2.84,5.39-3.762,8.233-2.054c2.841,1.706,3.76,5.392,2.054,8.233l-24.141,40.193
+			C222.373,286.649,220.387,287.688,218.35,287.688z"/>
+	</g>
+</g>
+</svg>

src/assets/icon/svg/weather/19.svg

@@ -0,0 +1,29 @@
+<svg version="1.1" id="Icons" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
+	 viewBox="0 0 313.92 313.92" style="enable-background:new 0 0 313.92 313.92;" xml:space="preserve">
+<style type="text/css">
+	.st0{fill:#FF9838;}
+	.st1{fill:#B6BBBF;}
+	.st2{fill:#888A8C;}
+	.st3{fill:#00AEBD;}
+</style>
+<g>
+	<g>
+		<g>
+			<path class="st1" d="M157.176,64.105c19.059,0,37.258,8.195,49.932,22.484l4.035,4.55l6.055-0.564
+				c1.773-0.165,3.424-0.245,5.049-0.245c29.567,0,53.621,24.054,53.621,53.621c0,29.567-24.054,53.621-53.621,53.621H71.987
+				c-18.593,0-33.719-15.126-33.719-33.719c0-18.592,15.126-33.718,33.719-33.718c1.798,0,3.635,0.15,5.458,0.447l11.94,1.939
+				l1.844-11.955c2.402-15.566,10.327-29.85,22.315-40.221C125.65,69.872,141.145,64.105,157.176,64.105 M157.176,52.105
+				c-39.367,0-71.983,28.894-77.806,66.631c-2.404-0.391-4.869-0.602-7.383-0.602c-25.25,0-45.719,20.469-45.719,45.718
+				c0,25.25,20.469,45.719,45.719,45.719h150.26c36.241,0,65.621-29.379,65.621-65.621c0-36.241-29.38-65.621-65.621-65.621
+				c-2.079,0-4.132,0.108-6.162,0.297C201.662,62.365,180.622,52.105,157.176,52.105L157.176,52.105z"/>
+		</g>
+	</g>
+</g>
+<path class="st3" d="M188.503,286.062l-19.759-11.365l19.722-11.429c2.867-1.662,3.845-5.333,2.183-8.2
+	c-1.661-2.867-5.333-3.845-8.2-2.183l-19.722,11.429l-0.037-22.794c-0.005-3.311-2.69-5.99-6-5.99c-0.003,0-0.006,0-0.01,0
+	c-3.313,0.005-5.996,2.696-5.99,6.01l0.037,22.794l-19.759-11.365c-2.871-1.65-6.54-0.664-8.193,2.21
+	c-1.652,2.873-0.663,6.541,2.21,8.193l19.759,11.365l-19.722,11.429c-2.867,1.662-3.845,5.333-2.183,8.2
+	c1.113,1.92,3.126,2.993,5.197,2.993c1.021,0,2.056-0.261,3.003-0.81l19.722-11.429l0.037,22.794c0.005,3.311,2.69,5.99,6,5.99
+	c0.003,0,0.006,0,0.01,0c3.314-0.005,5.996-2.696,5.99-6.01l-0.037-22.794l19.759,11.365c0.943,0.542,1.971,0.8,2.986,0.8
+	c2.077,0,4.097-1.08,5.207-3.009C192.364,291.383,191.375,287.715,188.503,286.062z"/>
+</svg>

src/assets/icon/svg/weather/20.svg

@@ -0,0 +1,45 @@
+<svg version="1.1" id="Icons" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
+	 viewBox="0 0 313.92 313.92" style="enable-background:new 0 0 313.92 313.92;" xml:space="preserve">
+<style type="text/css">
+	.st0{fill:#FF9838;}
+	.st1{fill:#B6BBBF;}
+	.st2{fill:#888A8C;}
+	.st3{fill:#00AEBD;}
+</style>
+<g>
+	<g>
+		<path class="st0" d="M91.658,38.861c-3.313,0-6-2.687-6-6V5.657c0-3.313,2.687-6,6-6c3.313,0,6,2.686,6,6v27.204
+			C97.658,36.175,94.972,38.861,91.658,38.861z"/>
+	</g>
+	<g>
+		<path class="st0" d="M50.482,55.917c-1.536,0-3.071-0.585-4.243-1.757L27.004,34.923c-2.343-2.343-2.343-6.142,0-8.485
+			c2.343-2.343,6.142-2.343,8.485,0l19.236,19.236c2.343,2.343,2.343,6.142,0,8.485C53.554,55.331,52.018,55.917,50.482,55.917z"/>
+	</g>
+	<g>
+		<path class="st0" d="M33.427,97.093H6.223c-3.314,0-6-2.687-6-6c0-3.313,2.686-6,6-6h27.204c3.313,0,6,2.687,6,6
+			C39.427,94.406,36.741,97.093,33.427,97.093z"/>
+	</g>
+	<path class="st0" d="M61.155,125.394c3.446-0.979,7.076-1.514,10.832-1.514c2.119,0,4.279,0.176,6.421,0.524l5.97,0.97l0.167-1.085
+		c-15.214-3.276-26.654-16.828-26.654-33.006c0-18.619,15.148-33.767,33.767-33.767c10.375,0,19.668,4.707,25.867,12.093
+		c3.427-2.229,7.03-4.151,10.763-5.767c-8.349-11.127-21.648-18.327-36.63-18.327c-25.276,0-45.767,20.491-45.767,45.767
+		C45.892,104.839,51.79,117.014,61.155,125.394z"/>
+</g>
+<g>
+	<g>
+		<path class="st1" d="M157.176,63.852c19.059,0,37.258,8.195,49.932,22.484l4.036,4.55l6.055-0.564
+			c1.773-0.165,3.425-0.245,5.049-0.245c29.566,0,53.621,24.054,53.621,53.621c0,29.567-24.055,53.621-53.621,53.621H71.987
+			c-18.593,0-33.719-15.126-33.719-33.718c0-18.593,15.126-33.719,33.719-33.719c1.797,0,3.634,0.15,5.459,0.447l11.939,1.939
+			l1.844-11.954c2.402-15.566,10.327-29.85,22.315-40.221C125.65,69.619,141.145,63.852,157.176,63.852 M157.176,51.852
+			c-39.367,0-71.983,28.894-77.806,66.631c-2.404-0.391-4.869-0.602-7.383-0.602c-25.25,0-45.719,20.469-45.719,45.719
+			c0,25.249,20.469,45.718,45.719,45.718h150.26c36.241,0,65.621-29.379,65.621-65.621c0-36.241-29.38-65.621-65.621-65.621
+			c-2.079,0-4.132,0.108-6.161,0.297C201.662,62.111,180.622,51.852,157.176,51.852L157.176,51.852z"/>
+	</g>
+</g>
+<path class="st3" d="M188.503,286.062l-19.759-11.365l19.723-11.429c2.866-1.662,3.844-5.332,2.183-8.2
+	c-1.662-2.867-5.331-3.845-8.2-2.183l-19.722,11.429l-0.037-22.794c-0.006-3.311-2.69-5.99-6-5.99c-0.003,0-0.006,0-0.01,0
+	c-3.313,0.005-5.996,2.696-5.99,6.01l0.037,22.794l-19.758-11.365c-2.871-1.65-6.54-0.662-8.193,2.21
+	c-1.652,2.873-0.663,6.541,2.21,8.193l19.759,11.365l-19.722,11.429c-2.867,1.662-3.845,5.332-2.183,8.2
+	c1.113,1.92,3.127,2.993,5.197,2.993c1.021,0,2.056-0.261,3.003-0.81l19.722-11.429l0.037,22.794c0.005,3.311,2.69,5.99,6,5.99
+	c0.003,0,0.006,0,0.01,0c3.313-0.005,5.995-2.696,5.99-6.01l-0.037-22.794l19.76,11.365c0.942,0.542,1.971,0.8,2.985,0.8
+	c2.077,0,4.097-1.08,5.207-3.009C192.365,291.383,191.376,287.715,188.503,286.062z"/>
+</svg>

src/assets/icon/svg/weather/21.svg

@@ -0,0 +1,55 @@
+<svg version="1.1" id="Icons" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
+	 viewBox="0 0 313.92 313.92" style="enable-background:new 0 0 313.92 313.92;" xml:space="preserve">
+<style type="text/css">
+	.st0{fill:#FF9838;}
+	.st1{fill:#B6BBBF;}
+	.st2{fill:#888A8C;}
+	.st3{fill:#00AEBD;}
+</style>
+<g>
+	<g>
+		<path class="st0" d="M137.539,47.947c-3.313,0-6-2.687-6-6V5.933c0-3.314,2.687-6,6-6c3.313,0,6,2.687,6,6v36.014
+			C143.539,45.26,140.852,47.947,137.539,47.947z"/>
+	</g>
+	<g>
+		<path class="st0" d="M70.152,75.859c-1.536,0-3.071-0.586-4.243-1.757L40.444,48.636c-2.343-2.343-2.343-6.142,0.001-8.485
+			c2.343-2.343,6.143-2.342,8.485,0l25.465,25.466c2.343,2.343,2.343,6.142-0.001,8.485C73.224,75.273,71.688,75.859,70.152,75.859z
+			"/>
+	</g>
+	<g>
+		<path class="st0" d="M42.24,143.246H6.227c-3.313,0-6-2.687-6-6c0-3.313,2.687-6,6-6H42.24c3.313,0,6,2.687,6,6
+			C48.24,140.559,45.554,143.246,42.24,143.246z"/>
+	</g>
+	<g>
+		<path class="st0" d="M44.688,236.098c-1.535,0-3.071-0.586-4.242-1.757c-2.344-2.343-2.344-6.142-0.001-8.485l25.465-25.465
+			c2.344-2.343,6.144-2.343,8.485,0c2.344,2.343,2.344,6.142,0.001,8.485l-25.465,25.465
+			C47.759,235.512,46.223,236.098,44.688,236.098z"/>
+	</g>
+	<g>
+		<path class="st0" d="M205.541,75.244c-1.535,0-3.071-0.586-4.242-1.757c-2.344-2.343-2.344-6.142,0-8.485l24.851-24.851
+			c2.342-2.343,6.143-2.343,8.484,0c2.344,2.343,2.344,6.142,0,8.485l-24.851,24.851C208.612,74.658,207.076,75.244,205.541,75.244z
+			"/>
+	</g>
+	<path class="st0" d="M110.759,199.509c-23.763-10.44-40.407-34.188-40.407-61.763c0-37.184,30.252-67.435,67.436-67.435
+		c29.655,0,54.884,19.251,63.891,45.906c2.57-0.355,5.175-0.539,7.797-0.539c1.568,0,3.127,0.085,4.678,0.213
+		c-9.496-33.239-40.078-57.58-76.365-57.58c-43.871,0-79.436,35.564-79.436,79.435c0,35.759,23.632,65.992,56.127,75.953
+		C112.167,209.472,110.831,204.641,110.759,199.509z"/>
+</g>
+<g>
+	<g>
+		<path class="st1" d="M209.475,121.679c14.561,0,28.466,6.262,38.15,17.18l4.035,4.549l6.055-0.564
+			c1.344-0.125,2.592-0.186,3.816-0.186c22.33,0,40.497,18.167,40.497,40.497c0,22.33-18.167,40.496-40.497,40.496H141.323
+			c-13.551,0-24.575-11.024-24.575-24.575s11.024-24.575,24.575-24.575c1.31,0,2.649,0.109,3.982,0.326l11.939,1.939l1.845-11.954
+			c1.834-11.891,7.89-22.803,17.05-30.728C185.388,126.085,197.227,121.679,209.475,121.679 M209.475,109.679
+			c-31.494,0-57.587,23.115-62.245,53.305c-1.923-0.312-3.895-0.481-5.906-0.481c-20.2,0-36.575,16.375-36.575,36.575
+			s16.375,36.575,36.575,36.575h120.208c28.993,0,52.497-23.503,52.497-52.496c0-28.993-23.504-52.497-52.497-52.497
+			c-1.663,0-3.306,0.087-4.93,0.238C245.063,117.887,228.231,109.679,209.475,109.679L209.475,109.679z"/>
+	</g>
+</g>
+<path class="st3" d="M235.499,288.411l-14.11-8.147l14.11-8.147c2.87-1.657,3.853-5.327,2.196-8.196
+	c-1.656-2.869-5.325-3.854-8.196-2.196l-14.111,8.147v-16.294c0-3.314-2.687-6-6-6c-3.313,0-6,2.686-6,6v16.294l-14.11-8.147
+	c-2.872-1.657-6.54-0.673-8.196,2.196c-1.656,2.87-0.674,6.539,2.196,8.196l14.11,8.147l-14.11,8.147
+	c-2.87,1.657-3.852,5.327-2.196,8.196c1.111,1.925,3.128,3.001,5.202,3.001c1.018,0,2.05-0.259,2.994-0.805l14.11-8.147v16.294
+	c0,3.313,2.687,6,6,6c3.313,0,6-2.687,6-6v-16.294l14.111,8.147c0.945,0.545,1.977,0.805,2.994,0.805
+	c2.074,0,4.091-1.076,5.202-3.001C239.352,293.737,238.369,290.068,235.499,288.411z"/>
+</svg>

src/assets/icon/svg/weather/22.svg

@@ -0,0 +1,41 @@
+<svg version="1.1" id="Icons" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
+	 viewBox="0 0 313.92 313.92" style="enable-background:new 0 0 313.92 313.92;" xml:space="preserve">
+<style type="text/css">
+	.st0{fill:#FF9838;}
+	.st1{fill:#B6BBBF;}
+	.st2{fill:#888A8C;}
+	.st3{fill:#00AEBD;}
+</style>
+<g>
+	<g>
+		<g>
+			<path class="st1" d="M157.176,64.105c19.059,0,37.259,8.195,49.933,22.484l4.035,4.55l6.055-0.564
+				c1.773-0.165,3.425-0.245,5.049-0.245c29.567,0,53.621,24.054,53.621,53.621c0,29.567-24.054,53.621-53.621,53.621H71.986
+				c-18.592,0-33.718-15.126-33.718-33.719c0-18.592,15.126-33.718,33.718-33.718c1.799,0,3.636,0.15,5.459,0.447l11.94,1.939
+				l1.845-11.955c2.401-15.566,10.326-29.85,22.314-40.221C125.65,69.872,141.145,64.105,157.176,64.105 M157.176,52.105
+				c-39.367,0-71.983,28.894-77.806,66.631c-2.404-0.391-4.868-0.602-7.384-0.602c-25.249,0-45.718,20.469-45.718,45.718
+				c0,25.25,20.469,45.719,45.718,45.719h150.261c36.242,0,65.621-29.379,65.621-65.621c0-36.241-29.379-65.621-65.621-65.621
+				c-2.079,0-4.132,0.108-6.161,0.297C201.662,62.365,180.622,52.105,157.176,52.105L157.176,52.105z"/>
+		</g>
+	</g>
+</g>
+<path class="st3" d="M188.503,286.08l-19.758-11.365l19.722-11.43c2.867-1.661,3.844-5.333,2.183-8.199
+	c-1.661-2.867-5.331-3.845-8.2-2.184l-19.722,11.43l-0.037-22.794c-0.006-3.311-2.69-5.99-6-5.99c-0.003,0-0.007,0-0.01,0
+	c-3.313,0.005-5.995,2.695-5.99,6.01l0.037,22.793l-19.759-11.365c-2.872-1.651-6.54-0.663-8.192,2.21
+	c-1.652,2.872-0.663,6.54,2.21,8.193l19.758,11.365l-19.722,11.429c-2.867,1.661-3.844,5.333-2.183,8.199
+	c1.113,1.921,3.127,2.993,5.197,2.993c1.021,0,2.056-0.261,3.003-0.81l19.721-11.429l0.037,22.793c0.006,3.31,2.69,5.99,6,5.99
+	c0.003,0,0.007,0,0.01,0c3.313-0.005,5.995-2.695,5.99-6.01l-0.037-22.794l19.76,11.365c0.942,0.542,1.971,0.8,2.985,0.8
+	c2.077,0,4.097-1.079,5.207-3.009C192.365,291.4,191.376,287.731,188.503,286.08z"/>
+<path class="st3" d="M91.619,276.364l-14.11-8.147l14.11-8.146c2.87-1.657,3.853-5.327,2.196-8.196
+	c-1.655-2.868-5.325-3.852-8.196-2.196l-14.111,8.147v-16.294c0-3.313-2.687-6-6-6c-3.313,0-6,2.687-6,6v16.293l-14.11-8.146
+	c-2.871-1.656-6.539-0.672-8.196,2.196c-1.656,2.87-0.674,6.539,2.196,8.196l14.11,8.146l-14.11,8.147
+	c-2.87,1.657-3.853,5.327-2.196,8.196c1.111,1.925,3.128,3.001,5.202,3.001c1.018,0,2.05-0.259,2.994-0.805l14.11-8.146v16.293
+	c0,3.314,2.687,6,6,6c3.313,0,6-2.686,6-6v-16.294l14.111,8.147c0.945,0.545,1.977,0.805,2.994,0.805
+	c2.074,0,4.091-1.076,5.202-3.001C95.472,281.69,94.489,278.021,91.619,276.364z"/>
+<path class="st3" d="M274.493,276.364l-14.11-8.147l14.11-8.146c2.87-1.657,3.853-5.327,2.196-8.196
+	c-1.656-2.868-5.327-3.852-8.196-2.196l-14.11,8.146v-16.293c0-3.313-2.686-6-6-6c-3.313,0-6,2.687-6,6v16.294l-14.111-8.147
+	c-2.872-1.656-6.539-0.672-8.196,2.196c-1.656,2.87-0.674,6.539,2.196,8.196l14.11,8.146l-14.11,8.147
+	c-2.87,1.657-3.853,5.327-2.196,8.196c1.111,1.925,3.128,3.001,5.202,3.001c1.018,0,2.05-0.259,2.994-0.805l14.111-8.147v16.294
+	c0,3.314,2.687,6,6,6c3.314,0,6-2.686,6-6V278.61l14.11,8.146c0.945,0.545,1.977,0.805,2.994,0.805c2.074,0,4.091-1.076,5.202-3.001
+	C278.346,281.69,277.363,278.021,274.493,276.364z"/>
+</svg>

src/assets/icon/svg/weather/23.svg

@@ -0,0 +1,57 @@
+<svg version="1.1" id="Icons" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
+	 viewBox="0 0 313.92 313.92" style="enable-background:new 0 0 313.92 313.92;" xml:space="preserve">
+<style type="text/css">
+	.st0{fill:#FF9838;}
+	.st1{fill:#B6BBBF;}
+	.st2{fill:#888A8C;}
+	.st3{fill:#00AEBD;}
+</style>
+<g>
+	<g>
+		<path class="st0" d="M91.658,38.861c-3.313,0-6-2.687-6-6V5.657c0-3.313,2.687-6,6-6s6,2.686,6,6v27.204
+			C97.658,36.175,94.972,38.861,91.658,38.861z"/>
+	</g>
+	<g>
+		<path class="st0" d="M50.482,55.917c-1.536,0-3.071-0.586-4.243-1.758L27.003,34.923c-2.343-2.343-2.343-6.142,0-8.484
+			c2.343-2.344,6.143-2.344,8.485,0l19.236,19.236c2.343,2.343,2.343,6.142,0,8.484C53.554,55.331,52.018,55.917,50.482,55.917z"/>
+	</g>
+	<g>
+		<path class="st0" d="M33.427,97.093H6.223c-3.313,0-6-2.687-6-6c0-3.313,2.687-6,6-6h27.204c3.313,0,6,2.687,6,6
+			C39.427,94.406,36.74,97.093,33.427,97.093z"/>
+	</g>
+	<path class="st0" d="M61.155,125.395c3.446-0.979,7.077-1.514,10.832-1.514c2.121,0,4.281,0.177,6.42,0.523l5.97,0.971l0.167-1.086
+		c-15.214-3.275-26.653-16.827-26.653-33.006c0-18.619,15.147-33.767,33.767-33.767c10.375,0,19.668,4.706,25.867,12.093
+		c3.427-2.229,7.029-4.151,10.762-5.767c-8.349-11.127-21.648-18.326-36.629-18.326c-25.276,0-45.767,20.49-45.767,45.767
+		C45.892,104.84,51.79,117.014,61.155,125.395z"/>
+</g>
+<g>
+	<g>
+		<path class="st1" d="M157.176,63.852c19.059,0,37.258,8.195,49.932,22.484l4.035,4.55l6.055-0.564
+			c1.773-0.165,3.425-0.245,5.049-0.245c29.566,0,53.621,24.055,53.621,53.621c0,29.566-24.054,53.62-53.621,53.62H71.987
+			c-18.593,0-33.719-15.126-33.719-33.718c0-18.593,15.126-33.719,33.719-33.719c1.797,0,3.634,0.15,5.459,0.446l11.939,1.938
+			l1.844-11.953c2.401-15.566,10.327-29.851,22.315-40.222C125.65,69.619,141.145,63.852,157.176,63.852 M157.176,51.852
+			c-39.367,0-71.984,28.894-77.806,66.631c-2.404-0.391-4.869-0.602-7.383-0.602c-25.25,0-45.719,20.469-45.719,45.719
+			c0,25.249,20.469,45.718,45.719,45.718h150.26c36.241,0,65.621-29.379,65.621-65.62c0-36.241-29.379-65.621-65.621-65.621
+			c-2.079,0-4.132,0.108-6.162,0.297C201.662,62.111,180.622,51.852,157.176,51.852L157.176,51.852z"/>
+	</g>
+</g>
+<path class="st3" d="M188.503,286.062l-19.759-11.365l19.722-11.429c2.867-1.661,3.845-5.333,2.183-8.2
+	c-1.662-2.866-5.333-3.844-8.2-2.183l-19.722,11.429l-0.037-22.794c-0.005-3.311-2.69-5.99-6-5.99c-0.003,0-0.006,0-0.01,0
+	c-3.313,0.005-5.996,2.696-5.99,6.01l0.037,22.794l-19.759-11.364c-2.871-1.649-6.54-0.663-8.193,2.21
+	c-1.652,2.872-0.663,6.54,2.21,8.192l19.758,11.364l-19.721,11.429c-2.867,1.661-3.845,5.333-2.183,8.2
+	c1.113,1.92,3.126,2.992,5.197,2.992c1.021,0,2.056-0.261,3.003-0.81l19.722-11.429l0.037,22.794c0.005,3.311,2.69,5.99,6,5.99
+	c0.003,0,0.006,0,0.01,0c3.313-0.005,5.996-2.696,5.99-6.01l-0.037-22.794l19.758,11.365c0.943,0.542,1.971,0.8,2.986,0.8
+	c2.077,0,4.097-1.08,5.207-3.01C192.364,291.383,191.375,287.715,188.503,286.062z"/>
+<path class="st3" d="M91.619,276.364l-14.111-8.146l14.111-8.147c2.87-1.657,3.853-5.326,2.196-8.196
+	c-1.657-2.87-5.327-3.851-8.196-2.196l-14.111,8.147V241.53c0-3.314-2.687-6-6-6c-3.313,0-6,2.686-6,6v16.294l-14.111-8.146
+	c-2.869-1.657-6.539-0.674-8.196,2.196c-1.657,2.87-0.673,6.539,2.196,8.196l14.111,8.147l-14.111,8.146
+	c-2.87,1.657-3.853,5.326-2.196,8.196c1.111,1.925,3.128,3.001,5.202,3.001c1.018,0,2.05-0.26,2.995-0.805l14.111-8.147v16.294
+	c0,3.314,2.687,6,6,6c3.313,0,6-2.686,6-6v-16.294l14.111,8.147c0.945,0.546,1.977,0.805,2.995,0.805
+	c2.073,0,4.09-1.076,5.202-3.001C95.472,281.69,94.489,278.022,91.619,276.364z"/>
+<path class="st3" d="M274.493,276.364l-14.111-8.146l14.111-8.147c2.87-1.657,3.853-5.326,2.196-8.196
+	c-1.657-2.87-5.327-3.851-8.196-2.196l-14.111,8.147V241.53c0-3.314-2.686-6-6-6c-3.313,0-6,2.686-6,6v16.294l-14.111-8.146
+	c-2.868-1.657-6.539-0.674-8.196,2.196c-1.657,2.87-0.673,6.539,2.196,8.196l14.111,8.147l-14.111,8.146
+	c-2.87,1.657-3.853,5.326-2.196,8.196c1.111,1.925,3.128,3.001,5.202,3.001c1.018,0,2.05-0.26,2.995-0.805l14.111-8.147v16.294
+	c0,3.314,2.687,6,6,6c3.314,0,6-2.686,6-6v-16.294l14.111,8.147c0.945,0.546,1.977,0.805,2.995,0.805
+	c2.073,0,4.09-1.076,5.202-3.001C278.346,281.69,277.363,278.022,274.493,276.364z"/>
+</svg>

src/assets/icon/svg/weather/24.svg

@@ -0,0 +1,28 @@
+<svg version="1.1" id="Icons" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
+	 viewBox="0 0 313.92 313.92" style="enable-background:new 0 0 313.92 313.92;" xml:space="preserve">
+<style type="text/css">
+	.st0{fill:#FF9838;}
+	.st1{fill:#B6BBBF;}
+	.st2{fill:#888A8C;}
+	.st3{fill:#00AEBD;}
+</style>
+<g>
+	<path class="st3" d="M183.143,250.057c-0.001,0-0.003,0-0.004,0c-2.053-0.002-3.963-1.053-5.063-2.787l-55.271-87.174
+		c-1.243-1.961-1.244-4.463,0-6.425l55.202-87.106c1.099-1.733,3.007-2.785,5.06-2.788c0.002,0,0.005,0,0.008,0
+		c2.05,0,3.957,1.046,5.059,2.775l55.52,87.107c1.253,1.965,1.254,4.479,0.003,6.445l-55.45,87.174
+		C187.104,249.008,185.194,250.057,183.143,250.057z M134.975,156.882l48.176,75.982l48.329-75.979l-48.392-75.924L134.975,156.882z
+		"/>
+</g>
+<g>
+	<path class="st3" d="M104.602,125.532c-0.002,0-0.003,0-0.004,0c-2.053-0.002-3.963-1.053-5.063-2.787L73.521,81.716
+		c-1.243-1.961-1.244-4.464-0.001-6.425l25.981-40.997c1.099-1.733,3.007-2.785,5.06-2.788c0.002,0,0.005,0,0.008,0
+		c2.05,0,3.957,1.046,5.06,2.775l26.13,40.997c1.253,1.965,1.254,4.479,0.003,6.444l-26.098,41.029
+		C108.563,124.483,106.654,125.532,104.602,125.532z M85.692,78.502l18.919,29.838l18.977-29.834l-19.003-29.814L85.692,78.502z"/>
+</g>
+<g>
+	<path class="st3" d="M123.702,276.796c-0.002,0-0.003,0-0.004,0c-2.053-0.002-3.963-1.053-5.063-2.787l-13.627-21.493
+		c-1.243-1.961-1.244-4.463,0-6.425l13.61-21.477c1.099-1.733,3.007-2.785,5.06-2.788c0.002,0,0.005,0,0.008,0
+		c2.05,0,3.958,1.046,5.06,2.775l13.689,21.477c1.253,1.965,1.254,4.479,0.003,6.445l-13.672,21.493
+		C127.663,275.747,125.753,276.796,123.702,276.796z M117.178,249.302l6.532,10.302l6.55-10.298l-6.561-10.294L117.178,249.302z"/>
+</g>
+</svg>

src/assets/icon/svg/weather/25.svg

@@ -0,0 +1,33 @@
+<svg version="1.1" id="Icons" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
+	 viewBox="0 0 313.92 313.92" style="enable-background:new 0 0 313.92 313.92;" xml:space="preserve">
+<style type="text/css">
+	.st0{fill:#FF9838;}
+	.st1{fill:#B6BBBF;}
+	.st2{fill:#888A8C;}
+	.st3{fill:#00AEBD;}
+</style>
+<g>
+	<g>
+		<g>
+			<g>
+				<path class="st1" d="M154.568,64.105c19.059,0,37.258,8.195,49.932,22.484l4.035,4.55l6.055-0.564
+					c1.775-0.165,3.426-0.245,5.049-0.245c29.566,0,53.621,24.054,53.621,53.621c0,29.566-24.055,53.62-53.621,53.62H69.379
+					c-18.593,0-33.719-15.126-33.719-33.719c0-18.592,15.126-33.719,33.719-33.719c1.797,0,3.634,0.15,5.459,0.447l11.939,1.939
+					l1.844-11.954c2.402-15.565,10.327-29.85,22.315-40.221C123.042,69.873,138.538,64.105,154.568,64.105 M154.568,52.105
+					c-39.367,0-71.983,28.894-77.806,66.631c-2.404-0.391-4.869-0.603-7.383-0.603c-25.25,0-45.719,20.47-45.719,45.719
+					c0,25.25,20.469,45.719,45.719,45.719h150.26c36.242,0,65.621-29.379,65.621-65.62c0-36.242-29.379-65.621-65.621-65.621
+					c-2.078,0-4.131,0.108-6.16,0.297C199.055,62.365,178.014,52.105,154.568,52.105L154.568,52.105z"/>
+			</g>
+		</g>
+	</g>
+	<path class="st3" d="M213.393,274.606c-11.027,0-20-8.972-20-20c0-11.028,8.973-20,20-20c11.029,0,20,8.972,20,20
+		C233.393,265.635,224.422,274.606,213.393,274.606z M213.393,246.606c-4.41,0-8,3.589-8,8c0,4.411,3.59,8,8,8c4.412,0,8-3.589,8-8
+		C221.393,250.195,217.805,246.606,213.393,246.606z"/>
+	<path class="st3" d="M96.051,313.92c-11.028,0-20-8.972-20-20c0-11.028,8.972-20,20-20s20,8.972,20,20
+		C116.051,304.948,107.08,313.92,96.051,313.92z M96.051,285.92c-4.411,0-8,3.589-8,8s3.589,8,8,8c4.411,0,8-3.589,8-8
+		S100.462,285.92,96.051,285.92z"/>
+	<path class="st3" d="M154.722,294.412c-11.028,0-20-8.972-20-20c0-11.028,8.972-20,20-20c11.028,0,20,8.972,20,20
+		C174.723,285.44,165.75,294.412,154.722,294.412z M154.722,266.412c-4.411,0-8,3.589-8,8s3.589,8,8,8c4.411,0,8-3.589,8-8
+		S159.133,266.412,154.722,266.412z"/>
+</g>
+</svg>

src/assets/icon/svg/weather/26.svg

@@ -0,0 +1,45 @@
+<svg version="1.1" id="Icons" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
+	 viewBox="0 0 313.92 313.92" style="enable-background:new 0 0 313.92 313.92;" xml:space="preserve">
+<style type="text/css">
+	.st0{fill:#FF9838;}
+	.st1{fill:#B6BBBF;}
+	.st2{fill:#888A8C;}
+	.st3{fill:#00AEBD;}
+</style>
+<g>
+	<g>
+		<g>
+			<path class="st1" d="M157.067,64.105c19.059,0,37.259,8.195,49.933,22.484l4.035,4.55l6.056-0.564
+				c1.773-0.165,3.425-0.245,5.048-0.245c29.566,0,53.621,24.054,53.621,53.621c0,29.566-24.055,53.62-53.621,53.62H71.879
+				c-18.593,0-33.719-15.126-33.719-33.719c0-18.592,15.126-33.719,33.719-33.719c1.797,0,3.634,0.15,5.459,0.447l11.938,1.939
+				l1.845-11.954c2.401-15.565,10.327-29.85,22.315-40.221C125.542,69.873,141.037,64.105,157.067,64.105 M157.067,52.105
+				c-39.367,0-71.983,28.894-77.806,66.631c-2.404-0.391-4.869-0.603-7.383-0.603c-25.25,0-45.719,20.47-45.719,45.719
+				c0,25.25,20.469,45.719,45.719,45.719h150.26c36.241,0,65.621-29.379,65.621-65.62c0-36.242-29.38-65.621-65.621-65.621
+				c-2.079,0-4.132,0.108-6.161,0.297C201.554,62.365,180.514,52.105,157.067,52.105L157.067,52.105z"/>
+		</g>
+	</g>
+</g>
+<g>
+	<path class="st3" d="M133,287.671c-1.052,0-2.116-0.276-3.084-0.857c-2.84-1.706-3.76-5.393-2.054-8.233l24.142-40.192
+		c1.706-2.841,5.391-3.761,8.233-2.054c2.84,1.706,3.76,5.393,2.054,8.233l-24.142,40.192
+		C137.024,286.633,135.037,287.671,133,287.671z"/>
+</g>
+<g>
+	<g>
+		<path class="st3" d="M107.864,264.189c-1.052,0-2.116-0.276-3.084-0.858c-2.84-1.706-3.76-5.392-2.054-8.233l10.037-16.71
+			c1.706-2.841,5.391-3.761,8.233-2.054c2.84,1.706,3.76,5.393,2.054,8.233l-10.037,16.71
+			C111.889,263.15,109.901,264.189,107.864,264.189z"/>
+	</g>
+	<g>
+		<circle class="st3" cx="93.766" cy="281.67" r="6.247"/>
+	</g>
+</g>
+<g>
+	<circle class="st3" cx="117.249" cy="307.673" r="6.247"/>
+</g>
+<path class="st3" d="M196.77,287.617c-0.624,0-1.251-0.112-1.837-0.329h-0.053l-0.331-0.158c-0.02-0.01-0.04-0.019-0.061-0.028
+	l-0.329-0.171c-1.469-0.828-2.452-2.292-2.656-3.982l-3.28-27.044c-0.247-2.03,0.711-4.044,2.442-5.131l23.037-14.495
+	c1.488-0.936,3.427-1.062,5.026-0.336l0.407,0.206c1.467,0.825,2.452,2.285,2.659,3.972l3.346,27.056
+	c0.251,2.04-0.71,4.061-2.45,5.148l-23.105,14.482C198.742,287.336,197.768,287.617,196.77,287.617z M199.162,257.965l1.868,15.413
+	l13.164-8.251l-1.906-15.419L199.162,257.965z"/>
+</svg>

src/assets/icon/svg/weather/29.svg

@@ -0,0 +1,41 @@
+<svg version="1.1" id="Icons" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
+	 viewBox="0 0 313.92 313.92" style="enable-background:new 0 0 313.92 313.92;" xml:space="preserve">
+<style type="text/css">
+	.st0{fill:#FF9838;}
+	.st1{fill:#B6BBBF;}
+	.st2{fill:#888A8C;}
+	.st3{fill:#00AEBD;}
+</style>
+<g>
+	<g>
+		<g>
+			<path class="st1" d="M157.176,64.105c19.059,0,37.259,8.195,49.933,22.484l4.035,4.55l6.055-0.564
+				c1.773-0.165,3.425-0.245,5.049-0.245c29.567,0,53.621,24.055,53.621,53.621s-24.054,53.62-53.621,53.62H71.986
+				c-18.592,0-33.718-15.126-33.718-33.719c0-18.592,15.126-33.718,33.718-33.718c1.799,0,3.636,0.149,5.459,0.446l11.94,1.939
+				l1.845-11.954c2.401-15.566,10.326-29.851,22.314-40.222C125.65,69.873,141.145,64.105,157.176,64.105 M157.176,52.105
+				c-39.367,0-71.983,28.894-77.806,66.631c-2.404-0.391-4.868-0.601-7.384-0.601c-25.249,0-45.718,20.469-45.718,45.718
+				c0,25.25,20.469,45.719,45.718,45.719h150.261c36.242,0,65.621-29.379,65.621-65.62c0-36.242-29.379-65.621-65.621-65.621
+				c-2.079,0-4.132,0.108-6.161,0.297C201.662,62.365,180.622,52.105,157.176,52.105L157.176,52.105z"/>
+		</g>
+	</g>
+</g>
+<g>
+	<path class="st3" d="M235.066,286.079l-19.759-11.364l19.723-11.43c2.866-1.661,3.844-5.333,2.183-8.199
+		c-1.661-2.867-5.331-3.845-8.2-2.184l-19.721,11.429l-0.037-22.794c-0.006-3.311-2.69-5.99-6-5.99c-0.003,0-0.007,0-0.01,0
+		c-3.314,0.005-5.995,2.696-5.99,6.01l0.037,22.796l-19.76-11.366c-2.872-1.652-6.539-0.662-8.192,2.21
+		c-1.652,2.872-0.663,6.54,2.21,8.192l19.758,11.365l-19.722,11.428c-2.866,1.662-3.844,5.333-2.183,8.2
+		c1.113,1.92,3.127,2.992,5.197,2.992c1.02,0,2.056-0.261,3.003-0.81l19.722-11.429l0.037,22.794c0.006,3.311,2.69,5.99,6,5.99
+		c0.003,0,0.007,0,0.01,0c3.313-0.005,5.995-2.696,5.99-6.01l-0.037-22.793l19.759,11.364c0.942,0.542,1.971,0.8,2.985,0.8
+		c2.077,0,4.097-1.08,5.207-3.01C238.929,291.399,237.939,287.731,235.066,286.079z"/>
+	<g>
+		<path class="st3" d="M98.194,313.92c-1.052,0-2.116-0.276-3.083-0.857c-2.841-1.706-3.761-5.393-2.055-8.232l39.896-66.426
+			c1.706-2.84,5.394-3.761,8.232-2.055c2.841,1.706,3.761,5.393,2.055,8.232l-39.897,66.426
+			C102.219,312.882,100.231,313.92,98.194,313.92z"/>
+	</g>
+	<g>
+		<path class="st3" d="M73.869,287.698c-1.052,0-2.116-0.276-3.084-0.857c-2.84-1.706-3.76-5.393-2.054-8.233l24.142-40.193
+			c1.705-2.84,5.391-3.76,8.233-2.054c2.84,1.706,3.76,5.393,2.054,8.233l-24.142,40.193
+			C77.894,286.66,75.906,287.698,73.869,287.698z"/>
+	</g>
+</g>
+</svg>

src/assets/icon/svg/weather/30.svg

@@ -0,0 +1,20 @@
+<svg version="1.1" id="Icons" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
+	 viewBox="0 0 313.92 313.92" style="enable-background:new 0 0 313.92 313.92;" xml:space="preserve">
+<style type="text/css">
+	.st0{fill:#FF9838;}
+	.st1{fill:#B6BBBF;}
+	.st2{fill:#888A8C;}
+	.st3{fill:#00AEBD;}
+</style>
+<path class="st0" d="M162.744,216.429V48.962c0-3.313-2.686-6-6-6c-3.313,0-6,2.687-6,6V216.41
+	c-11.575,2.698-20.2,13.073-20.2,25.47c0,14.448,11.712,26.16,26.16,26.16c14.448,0,26.16-11.712,26.16-26.16
+	C182.863,229.513,174.278,219.156,162.744,216.429z M156.704,256.04c-7.808,0-14.16-6.353-14.16-14.16s6.352-14.159,14.16-14.159
+	s14.16,6.352,14.16,14.159S164.511,256.04,156.704,256.04z"/>
+<path class="st2" d="M188.768,192.53v-55.691h14.054c3.314,0,6-2.686,6-6c0-3.313-2.686-6-6-6h-14.054v-27.24h14.054
+	c3.314,0,6-2.687,6-6c0-3.313-2.686-6-6-6h-14.054V58.359h14.054c3.314,0,6-2.687,6-6c0-3.314-2.686-6-6-6h-14.054v-0.389
+	c0-17.685-14.337-32.023-32.024-32.023c-17.686,0-32.023,14.338-32.023,32.023v146.56c-16.179,10.501-26.891,28.714-26.891,49.439
+	c0,32.537,26.377,58.914,58.914,58.914c32.538,0,58.914-26.377,58.914-58.914C215.658,221.244,204.947,203.031,188.768,192.53z
+	 M156.744,288.884c-25.868,0-46.914-21.046-46.914-46.914c0-15.947,8.009-30.667,21.424-39.374l5.467-3.548v-6.518V45.971
+	c0-11.041,8.982-20.023,20.023-20.023c11.041,0,20.024,8.982,20.024,20.023v146.56v6.518l5.466,3.548
+	c13.415,8.707,21.424,23.427,21.424,39.374C203.658,267.838,182.613,288.884,156.744,288.884z"/>
+</svg>

src/assets/icon/svg/weather/31.svg

@@ -0,0 +1,20 @@
+<svg version="1.1" id="Icons" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
+	 viewBox="0 0 313.92 313.92" style="enable-background:new 0 0 313.92 313.92;" xml:space="preserve">
+<style type="text/css">
+	.st0{fill:#FF9838;}
+	.st1{fill:#B6BBBF;}
+	.st2{fill:#888A8C;}
+	.st3{fill:#00AEBD;}
+</style>
+<path class="st3" d="M162.96,216.43v-27.191c0-3.313-2.686-6-6-6c-3.313,0-6,2.687-6,6v27.172c-11.575,2.698-20.2,13.073-20.2,25.47
+	c0,14.448,11.712,26.16,26.16,26.16c14.448,0,26.16-11.712,26.16-26.16C183.079,229.513,174.494,219.156,162.96,216.43z
+	 M156.919,256.04c-7.808,0-14.16-6.353-14.16-14.16s6.352-14.159,14.16-14.159c7.808,0,14.16,6.352,14.16,14.159
+	S164.727,256.04,156.919,256.04z"/>
+<path class="st2" d="M188.984,192.53v-55.691h13.838c3.314,0,6-2.686,6-6c0-3.313-2.686-6-6-6h-13.838v-27.24h13.838
+	c3.314,0,6-2.687,6-6c0-3.313-2.686-6-6-6h-13.838V58.359h13.838c3.314,0,6-2.687,6-6c0-3.314-2.686-6-6-6h-13.838v-0.389
+	c0-17.685-14.338-32.023-32.024-32.023c-17.686,0-32.023,14.338-32.023,32.023v146.56c-16.179,10.501-26.891,28.714-26.891,49.439
+	c0,32.537,26.377,58.914,58.914,58.914c32.538,0,58.914-26.377,58.914-58.914C215.874,221.244,205.163,203.031,188.984,192.53z
+	 M156.96,288.884c-25.869,0-46.914-21.046-46.914-46.914c0-15.947,8.009-30.667,21.424-39.374l5.467-3.548v-6.518V45.971
+	c0-11.041,8.982-20.023,20.023-20.023s20.024,8.982,20.024,20.023v146.56v6.518l5.466,3.548
+	c13.415,8.707,21.424,23.427,21.424,39.374C203.874,267.838,182.829,288.884,156.96,288.884z"/>
+</svg>

src/assets/icon/svg/weather/32.svg

@@ -0,0 +1,24 @@
+<svg version="1.1" id="Icons" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
+	 viewBox="0 0 313.92 313.92" style="enable-background:new 0 0 313.92 313.92;" xml:space="preserve">
+<style type="text/css">
+	.st0{fill:#FF9838;}
+	.st1{fill:#B6BBBF;}
+	.st2{fill:#888A8C;}
+	.st3{fill:#00AEBD;}
+</style>
+<g>
+	<path class="st1" d="M236.121,241.483c-3.313,0-6-2.686-6-6c0-18.331-14.914-33.245-33.246-33.245H6c-3.314,0-6-2.686-6-6
+		c0-3.313,2.686-6,6-6h190.875c24.949,0,45.246,20.297,45.246,45.245C242.121,238.797,239.435,241.483,236.121,241.483z"/>
+</g>
+<g>
+	<path class="st1" d="M150.96,123.765H6c-3.313,0-6-2.687-6-6c0-3.313,2.687-6,6-6h144.96c18.332,0,33.246-14.914,33.246-33.246
+		c0-18.331-14.914-33.245-33.246-33.245c-18.331,0-33.246,14.914-33.246,33.245c0,3.313-2.686,6-6,6c-3.313,0-6-2.687-6-6
+		c0-24.948,20.297-45.245,45.246-45.245c24.949,0,45.246,20.297,45.246,45.245C196.206,103.468,175.909,123.765,150.96,123.765z"/>
+</g>
+<g>
+	<path class="st1" d="M268.928,163.004H84.588c-3.313,0-6-2.687-6-6c0-3.314,2.687-6,6-6h184.34
+		c18.331,0,33.245-14.914,33.245-33.245c0-18.332-14.914-33.246-33.245-33.246c-18.332,0-33.246,14.914-33.246,33.246
+		c0,3.314-2.686,6-6,6c-3.313,0-6-2.686-6-6c0-24.949,20.297-45.246,45.246-45.246c24.948,0,45.245,20.297,45.245,45.246
+		C314.173,142.707,293.876,163.004,268.928,163.004z"/>
+</g>
+</svg>

src/assets/icon/svg/weather/33.svg

@@ -0,0 +1,22 @@
+<svg version="1.1" id="Icons" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
+	 viewBox="0 0 313.92 313.92" style="enable-background:new 0 0 313.92 313.92;" xml:space="preserve">
+<style type="text/css">
+	.st0{fill:#FF9838;}
+	.st1{fill:#B6BBBF;}
+	.st2{fill:#888A8C;}
+	.st3{fill:#00AEBD;}
+</style>
+<g>
+	<g>
+		<path class="st2" d="M117.06,45.312c-19.352,41.776-17.454,90.684,5.883,131.105c12.733,22.053,31.122,40.293,53.18,52.75
+			c17.658,9.973,37.292,16.065,57.427,17.891c-5.454,4.638-11.341,8.787-17.606,12.404c-18.001,10.394-38.434,15.887-59.088,15.887
+			c-20.567,0-40.892-5.375-58.775-15.545c-18.413-10.471-33.721-25.799-44.269-44.329c-7.711-13.545-12.521-28.356-14.299-44.022
+			c-1.72-15.155-0.54-30.41,3.504-45.342c4.045-14.931,10.726-28.696,19.86-40.913c9.44-12.629,21.069-22.989,34.562-30.794
+			C103.727,50.766,110.289,47.728,117.06,45.312 M130.537,29.236c-0.375,0-0.761,0.04-1.155,0.125
+			c-13.01,2.79-25.811,7.632-37.951,14.655C30.39,79.324,8.498,160.129,43.383,221.412c24.067,42.279,68.149,65.937,113.472,65.937
+			c22.129,0,44.547-5.636,65.088-17.495c12.113-6.992,22.676-15.639,31.574-25.484c3.073-3.401,0.639-8.768-3.901-8.768
+			c-0.046,0-0.091,0.001-0.137,0.002c-1.025,0.023-2.056,0.036-3.08,0.036c-45.073,0-88.906-23.383-113.064-65.223
+			c-24.705-42.791-22.399-93.759,1.618-133.176C137.152,33.633,134.466,29.236,130.537,29.236L130.537,29.236z"/>
+	</g>
+</g>
+</svg>

src/assets/icon/svg/weather/34.svg

@@ -0,0 +1,34 @@
+<svg version="1.1" id="Icons" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
+	 viewBox="0 0 313.92 313.92" style="enable-background:new 0 0 313.92 313.92;" xml:space="preserve">
+<style type="text/css">
+	.st0{fill:#FF9838;}
+	.st1{fill:#B6BBBF;}
+	.st2{fill:#888A8C;}
+	.st3{fill:#00AEBD;}
+</style>
+<g>
+	<path class="st2" d="M31.351,176.445l5.97,0.969l0.922-5.977c0.218-1.414,0.518-2.799,0.879-4.159
+		c-1.078-13.778,0.223-27.606,3.896-41.168c4.044-14.931,10.726-28.696,19.859-40.913c9.44-12.629,21.069-22.989,34.562-30.794
+		c6.289-3.638,12.851-6.676,19.621-9.091c-15.713,33.921-17.415,72.543-5.007,107.507l2.245-0.211
+		c1.089-0.102,2.105-0.151,3.11-0.151c2.639,0,5.202,0.319,7.663,0.906c-15.465-38.79-11.015-81.827,9.882-116.122
+		c2.199-3.608-0.487-8.005-4.415-8.005c-0.376,0-0.762,0.04-1.156,0.125c-13.01,2.79-25.811,7.632-37.951,14.655
+		c-46.804,27.072-70.588,80.893-63.413,132.151C29.117,176.174,30.237,176.265,31.351,176.445z"/>
+	<path class="st2" d="M249.615,235.602c-0.046,0-0.091,0.001-0.137,0.002c-1.025,0.023-2.056,0.036-3.08,0.036
+		c-36.242,0-71.674-15.129-96.729-42.805c-0.979,4.33-2.808,8.339-5.303,11.845c9.354,9.595,20.028,17.865,31.755,24.487
+		c17.658,9.973,37.292,16.065,57.427,17.891c-5.454,4.638-11.341,8.787-17.606,12.404c-18.001,10.394-38.434,15.887-59.087,15.887
+		c-20.568,0-40.893-5.375-58.775-15.545c-17.359-9.871-31.953-24.063-42.406-41.181H41.843c0.501,0.934,1.014,1.863,1.54,2.789
+		c24.067,42.279,68.149,65.937,113.473,65.937c22.128,0,44.546-5.636,65.087-17.495c12.113-6.992,22.676-15.639,31.574-25.484
+		C256.59,240.968,254.155,235.602,249.615,235.602z"/>
+</g>
+<g>
+	<g>
+		<path class="st1" d="M77.967,142.838c9.964,0,19.479,4.286,26.108,11.76l4.036,4.55l6.056-0.566
+			c0.902-0.084,1.738-0.125,2.555-0.125c14.934,0,27.083,12.15,27.083,27.083c0,14.934-12.149,27.083-27.083,27.083H27.229
+			c-8.397,0-15.229-6.832-15.229-15.229c0-8.398,6.832-15.23,15.229-15.23c0.811,0,1.643,0.068,2.473,0.203l11.94,1.94l1.845-11.955
+			c1.255-8.134,5.399-15.6,11.67-21.024C61.483,145.854,69.585,142.838,77.967,142.838 M77.967,130.838
+			c-23.446,0-42.872,17.209-46.34,39.685c-1.432-0.233-2.899-0.358-4.397-0.358C12.191,170.164,0,182.355,0,197.394
+			s12.191,27.229,27.229,27.229h89.492c21.585,0,39.083-17.498,39.083-39.083c0-21.585-17.498-39.083-39.083-39.083
+			c-1.237,0-2.461,0.064-3.669,0.178C104.462,136.949,91.931,130.838,77.967,130.838L77.967,130.838z"/>
+	</g>
+</g>
+</svg>

src/assets/icon/svg/weather/35.svg

@@ -0,0 +1,35 @@
+<svg version="1.1" id="Icons" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
+	 viewBox="0 0 313.92 313.92" style="enable-background:new 0 0 313.92 313.92;" xml:space="preserve">
+<style type="text/css">
+	.st0{fill:#FF9838;}
+	.st1{fill:#B6BBBF;}
+	.st2{fill:#888A8C;}
+	.st3{fill:#00AEBD;}
+</style>
+<g>
+	<g>
+		<path class="st2" d="M36.683,180.677c1.425,0,2.874,0.122,4.317,0.327c-0.621-3.146-1.122-6.33-1.488-9.551
+			c-1.719-15.156-0.54-30.411,3.504-45.342c4.044-14.932,10.727-28.697,19.86-40.914c9.441-12.629,21.069-22.988,34.562-30.793
+			c6.288-3.638,12.85-6.677,19.621-9.092c-12.05,26.014-15.856,54.791-11.382,82.563c4.224,0.063,8.39,0.599,12.436,1.572
+			c-6.032-31.902,0.164-64.839,16.84-92.207c2.199-3.608-0.487-8.005-4.415-8.005c-0.375,0-0.761,0.04-1.156,0.125
+			c-13.01,2.79-25.811,7.633-37.952,14.655C42.946,72.061,19.166,128.81,28.914,181.68
+			C31.396,181.027,33.999,180.677,36.683,180.677z"/>
+		<path class="st2" d="M249.615,235.602c-0.045,0-0.091,0.001-0.137,0.002c-1.025,0.025-2.055,0.036-3.08,0.036
+			c-18.356,0-36.506-3.88-53.206-11.304c-2.697,3.369-5.852,6.353-9.371,8.862c15.59,7.588,32.473,12.296,49.727,13.859
+			c-5.454,4.638-11.34,8.787-17.606,12.404c-18.002,10.394-38.434,15.887-59.087,15.887c-20.567,0-40.892-5.375-58.775-15.545
+			c-8.718-4.958-16.729-11.017-23.88-17.977H57.742c25.162,29.395,61.708,45.521,99.113,45.521c22.128,0,44.546-5.635,65.087-17.494
+			c12.113-6.993,22.675-15.64,31.574-25.485C256.589,240.969,254.156,235.602,249.615,235.602z"/>
+	</g>
+	<g>
+		<g>
+			<path class="st1" d="M104.834,133.854c14.561,0,28.466,6.262,38.15,17.181l4.036,4.55l6.056-0.564
+				c1.342-0.125,2.591-0.186,3.815-0.186c22.33,0,40.497,18.166,40.497,40.496s-18.167,40.496-40.497,40.496H36.683
+				c-13.551,0-24.575-11.023-24.575-24.574s11.024-24.575,24.575-24.575c1.309,0,2.649,0.11,3.982,0.326l11.939,1.94l1.845-11.955
+				c1.834-11.891,7.89-22.804,17.05-30.727C80.748,138.26,92.586,133.854,104.834,133.854 M104.834,121.854
+				c-31.494,0-57.587,23.115-62.245,53.305c-1.923-0.312-3.895-0.481-5.906-0.481c-20.2,0-36.575,16.375-36.575,36.575
+				c0,20.199,16.375,36.574,36.575,36.574h120.208c28.993,0,52.497-23.503,52.497-52.496s-23.503-52.496-52.497-52.496
+				c-1.663,0-3.306,0.086-4.929,0.237C140.423,130.062,123.591,121.854,104.834,121.854L104.834,121.854z"/>
+		</g>
+	</g>
+</g>
+</svg>

src/assets/icon/svg/weather/36.svg

@@ -0,0 +1,45 @@
+<svg version="1.1" id="Icons" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
+	 viewBox="0 0 313.92 313.92" style="enable-background:new 0 0 313.92 313.92;" xml:space="preserve">
+<style type="text/css">
+	.st0{fill:#FF9838;}
+	.st1{fill:#B6BBBF;}
+	.st2{fill:#888A8C;}
+	.st3{fill:#00AEBD;}
+</style>
+<g>
+	<g>
+		<g>
+			<path class="st1" d="M235.699,49.703c10.048,0,19.645,4.322,26.329,11.858l4.035,4.55l6.055-0.564
+				c0.914-0.085,1.758-0.126,2.581-0.126c15.069,0,27.329,12.26,27.329,27.329c0,15.069-12.26,27.329-27.329,27.329h-90.058
+				c-8.492,0-15.401-6.909-15.401-15.401s6.909-15.4,15.401-15.4c0.82,0,1.661,0.068,2.5,0.205l11.94,1.94l1.844-11.955
+				c1.266-8.203,5.445-15.733,11.768-21.204C219.076,52.743,227.246,49.703,235.699,49.703 M235.699,37.703
+				c-23.595,0-43.143,17.317-46.632,39.935c-1.441-0.233-2.918-0.36-4.425-0.36c-15.133,0-27.401,12.268-27.401,27.4
+				c0,15.134,12.268,27.401,27.401,27.401h90.058c21.721,0,39.329-17.608,39.329-39.329s-17.608-39.329-39.329-39.329
+				c-1.246,0-2.477,0.065-3.693,0.178C262.361,43.853,249.751,37.703,235.699,37.703L235.699,37.703z"/>
+		</g>
+	</g>
+</g>
+<g>
+	<path class="st2" d="M249.615,235.602c-0.046,0-0.091,0.001-0.137,0.002c-1.025,0.025-2.055,0.036-3.079,0.036
+		c-45.073,0-88.907-23.383-113.064-65.223c-24.705-42.791-22.399-93.759,1.618-133.176c2.199-3.608-0.487-8.005-4.416-8.005
+		c-0.375,0-0.761,0.04-1.156,0.125c-13.01,2.79-25.811,7.633-37.952,14.655C30.39,79.324,8.498,160.129,43.382,221.412
+		c0.372,0.652,0.763,1.287,1.144,1.932c3.13-2.569,6.695-4.531,10.506-5.805c-0.409-0.686-0.825-1.368-1.221-2.063
+		c-7.711-13.546-12.522-28.357-14.298-44.022c-1.72-15.156-0.541-30.411,3.504-45.342c4.045-14.932,10.727-28.697,19.86-40.914
+		c9.441-12.629,21.069-22.988,34.562-30.793c6.289-3.638,12.85-6.677,19.621-9.092c-19.351,41.776-17.454,90.684,5.884,131.105
+		c12.732,22.053,31.121,40.294,53.179,52.751c17.658,9.972,37.291,16.064,57.426,17.89c-5.454,4.638-11.34,8.787-17.606,12.404
+		c-18.002,10.394-38.434,15.887-59.087,15.887c-11.357,0-22.638-1.647-33.476-4.827c-1.481,4.348-4.709,7.884-8.848,9.778
+		c13.579,4.639,27.887,7.049,42.324,7.049c22.128,0,44.546-5.635,65.087-17.494c12.113-6.993,22.675-15.64,31.574-25.485
+		C256.589,240.969,254.156,235.602,249.615,235.602z"/>
+	<g>
+		<g>
+			<path class="st1" d="M65.455,221.84c13.195,0,24.66,9.812,26.668,22.824l1.844,11.954l11.939-1.939
+				c0.584-0.095,1.167-0.143,1.732-0.143c5.866,0,10.639,4.772,10.639,10.639c0,5.866-4.772,10.638-10.639,10.638H33.233
+				c-11.3,0-20.494-9.193-20.494-20.493c0-11.3,9.193-20.493,20.494-20.493c0.615,0,1.249,0.031,1.937,0.096l6.056,0.564
+				l4.036-4.551C50.389,225.155,57.749,221.84,65.455,221.84 M65.455,209.84c-11.61,0-22.028,5.081-29.17,13.134
+				c-1.005-0.094-2.021-0.147-3.051-0.147c-17.946,0-32.494,14.548-32.494,32.493c0,17.946,14.548,32.493,32.494,32.493h74.404
+				c12.503,0,22.639-10.135,22.639-22.638c0-12.503-10.136-22.639-22.639-22.639c-1.245,0-2.465,0.105-3.656,0.298
+				C101.099,224.148,84.948,209.84,65.455,209.84L65.455,209.84z"/>
+		</g>
+	</g>
+</g>
+</svg>

src/assets/icon/svg/weather/37.svg

@@ -0,0 +1,30 @@
+<svg version="1.1" id="Icons" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
+	 viewBox="0 0 313.92 313.92" style="enable-background:new 0 0 313.92 313.92;" xml:space="preserve">
+<style type="text/css">
+	.st0{fill:#FF9838;}
+	.st1{fill:#B6BBBF;}
+	.st2{fill:#888A8C;}
+	.st3{fill:#00AEBD;}
+</style>
+<path class="st2" d="M249.615,235.602c-0.046,0-0.092,0.001-0.138,0.002c-1.024,0.025-2.055,0.036-3.079,0.036
+	c-45.073,0-88.907-23.383-113.064-65.223c-24.705-42.791-22.399-93.759,1.618-133.176c2.199-3.608-0.487-8.005-4.416-8.005
+	c-0.375,0-0.761,0.04-1.156,0.125c-13.01,2.79-25.811,7.633-37.952,14.655C30.39,79.324,8.498,160.129,43.382,221.412
+	c13.407,23.551,33.028,41.316,55.61,52.439h39.127c-14.032-2.244-27.625-6.988-40.039-14.048
+	c-18.413-10.471-33.721-25.799-44.269-44.328c-7.711-13.546-12.521-28.357-14.298-44.022c-1.719-15.156-0.54-30.411,3.504-45.342
+	c4.045-14.932,10.726-28.697,19.859-40.914c9.441-12.629,21.069-22.988,34.562-30.793c6.289-3.638,12.851-6.677,19.621-9.092
+	c-19.352,41.776-17.454,90.684,5.883,131.105c12.732,22.053,31.121,40.294,53.179,52.751c17.658,9.972,37.292,16.064,57.426,17.89
+	c-5.454,4.638-11.34,8.787-17.606,12.404c-12.562,7.253-26.309,12.11-40.486,14.39h39.011c2.516-1.245,5.01-2.574,7.476-3.997
+	c12.113-6.993,22.676-15.64,31.574-25.485C256.59,240.969,254.156,235.602,249.615,235.602z"/>
+<g>
+	<path class="st1" d="M282.168,279.852H19.779c-3.313,0-6-2.686-6-6s2.687-6,6-6h262.389c3.313,0,6,2.686,6,6
+		S285.482,279.852,282.168,279.852z"/>
+</g>
+<g>
+	<path class="st1" d="M282.168,202.238H78.588c-3.313,0-6-2.686-6-6c0-3.313,2.687-6,6-6h203.58c3.313,0,6,2.687,6,6
+		C288.168,199.552,285.482,202.238,282.168,202.238z"/>
+</g>
+<g>
+	<path class="st1" d="M130.908,241.478H19.779c-3.313,0-6-2.687-6-6c0-3.314,2.687-6,6-6h111.129c3.313,0,6,2.686,6,6
+		C136.908,238.791,134.222,241.478,130.908,241.478z"/>
+</g>
+</svg>

src/assets/icon/svg/weather/38.svg

@@ -0,0 +1,29 @@
+<svg version="1.1" id="Icons" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
+	 viewBox="0 0 313.92 313.92" style="enable-background:new 0 0 313.92 313.92;" xml:space="preserve">
+<style type="text/css">
+	.st0{fill:#FF9838;}
+	.st1{fill:#B6BBBF;}
+	.st2{fill:#888A8C;}
+	.st3{fill:#00AEBD;}
+</style>
+<g>
+	<path class="st2" d="M235.729,137.714c2.14-0.348,4.301-0.523,6.421-0.523c8.86,0,17.052,2.918,23.666,7.841
+		c9.461-1.179,18.847-4.226,27.623-9.293c6.827-3.941,12.779-8.814,17.795-14.363c1.731-1.916,0.36-4.941-2.198-4.941
+		c-0.026,0-0.052,0.001-0.078,0.002c-0.577,0.014-1.158,0.02-1.735,0.02c-25.402,0-50.106-13.178-63.721-36.758
+		c-13.924-24.116-12.624-52.841,0.912-75.057c1.239-2.033-0.275-4.511-2.489-4.511c-0.211,0-0.429,0.023-0.65,0.07
+		c-7.333,1.572-14.547,4.302-21.39,8.259c-24.334,14.076-37.608,40.981-36.348,67.748c4.434,1.739,8.698,3.908,12.726,6.495
+		c-3.968-24.257,6.893-50.146,28.694-63.302c-6.298,21.994-3.602,45.937,8.152,66.297c7.644,13.238,18.684,24.189,31.932,31.671
+		c6.736,3.804,13.952,6.668,21.42,8.531c-9.109,5.04-19.353,7.698-29.704,7.698l-19.516,3.883L235.729,137.714z"/>
+	<g>
+		<g>
+			<path class="st1" d="M156.96,77.161c16.031,0,31.526,5.768,43.632,16.239c11.988,10.371,19.913,24.655,22.314,40.222
+				l1.845,11.954l11.939-1.939c1.824-0.296,3.66-0.446,5.459-0.446c18.593,0,33.719,15.126,33.719,33.719
+				s-15.126,33.719-33.719,33.719H91.889c-29.566,0-53.62-24.055-53.62-53.621s24.054-53.62,53.62-53.62
+				c1.626,0,3.277,0.08,5.048,0.245l6.056,0.564l4.036-4.55C119.702,85.356,137.901,77.161,156.96,77.161 M156.96,65.161
+				c-23.446,0-44.485,10.261-58.909,26.522c-2.029-0.189-4.083-0.297-6.162-0.297c-36.241,0-65.62,29.379-65.62,65.62
+				s29.379,65.621,65.62,65.621h150.261c25.25,0,45.719-20.47,45.719-45.719s-20.469-45.719-45.719-45.719
+				c-2.515,0-4.979,0.211-7.383,0.602C228.943,94.055,196.327,65.161,156.96,65.161L156.96,65.161z"/>
+		</g>
+	</g>
+</g>
+</svg>

src/assets/icon/svg/weather/39.svg

@@ -0,0 +1,48 @@
+<svg version="1.1" id="Icons" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
+	 viewBox="0 0 313.92 313.92" style="enable-background:new 0 0 313.92 313.92;" xml:space="preserve">
+<style type="text/css">
+	.st0{fill:#FF9838;}
+	.st1{fill:#B6BBBF;}
+	.st2{fill:#888A8C;}
+	.st3{fill:#00AEBD;}
+</style>
+<g>
+	<path class="st2" d="M91.359,104.053c0.52-2.539,1.114-5.073,1.798-7.597c4.044-14.932,10.727-28.696,19.859-40.914
+		c9.44-12.628,21.069-22.988,34.561-30.793c6.289-3.638,12.851-6.677,19.621-9.091c-15.799,34.108-17.428,72.969-4.794,108.084
+		c5.171,0.614,10.087,2.068,14.598,4.241c-17.565-39.878-13.577-84.837,8.091-120.396c2.199-3.609-0.488-8.005-4.416-8.005
+		c-0.375,0-0.761,0.039-1.155,0.124c-13.01,2.79-25.811,7.633-37.952,14.655c-35.387,20.469-57.613,56.229-63.251,94.612
+		C82.446,106.804,86.827,105.156,91.359,104.053z"/>
+	<path class="st2" d="M299.755,205.947c-0.046,0-0.091,0-0.137,0.001c-1.025,0.024-2.056,0.036-3.079,0.036
+		c-34.602,0-68.462-13.793-93.261-39.125c0.065,1.007,0.11,2.02,0.11,3.042c0,4.179-0.564,8.228-1.602,12.083
+		c7.496,6.672,15.689,12.566,24.476,17.528c17.658,9.972,37.291,16.064,57.426,17.89c-5.454,4.639-11.34,8.787-17.605,12.404
+		c-18.002,10.393-38.435,15.887-59.088,15.887c-20.567,0-40.892-5.375-58.775-15.545c-6.909-3.929-13.381-8.541-19.328-13.751
+		h-17.243c24.967,26.716,59.772,41.296,95.347,41.296c22.128,0,44.546-5.635,65.088-17.494
+		c12.112-6.993,22.675-15.639,31.573-25.485C306.729,211.314,304.295,205.947,299.755,205.947z"/>
+</g>
+<g>
+	<g>
+		<path class="st1" d="M104.727,108.425c14.561,0,28.466,6.262,38.15,17.18l4.035,4.55l6.055-0.564
+			c1.344-0.125,2.592-0.186,3.816-0.186c22.33,0,40.497,18.167,40.497,40.497c0,22.329-18.167,40.496-40.497,40.496H36.575
+			C23.024,210.398,12,199.373,12,185.822s11.024-24.574,24.575-24.574c1.31,0,2.649,0.109,3.983,0.326l11.938,1.938l1.845-11.954
+			c1.834-11.89,7.89-22.803,17.05-30.727C80.64,112.83,92.479,108.425,104.727,108.425 M104.727,96.425
+			c-31.494,0-57.587,23.115-62.245,53.305c-1.923-0.312-3.895-0.481-5.906-0.481C16.375,149.248,0,165.623,0,185.822
+			c0,20.2,16.375,36.575,36.575,36.575h120.208c28.993,0,52.497-23.503,52.497-52.496s-23.504-52.497-52.497-52.497
+			c-1.663,0-3.306,0.087-4.929,0.238C140.315,104.633,123.483,96.425,104.727,96.425L104.727,96.425z"/>
+	</g>
+</g>
+<g>
+	<path class="st3" d="M58.216,313.904c-1.052,0-2.116-0.276-3.083-0.857c-2.841-1.706-3.761-5.393-2.055-8.232l39.897-66.426
+		c1.706-2.842,5.393-3.761,8.232-2.055c2.841,1.706,3.761,5.393,2.055,8.232l-39.897,66.426
+		C62.24,312.866,60.253,313.904,58.216,313.904z"/>
+</g>
+<g>
+	<path class="st3" d="M34.732,287.672c-1.052,0-2.116-0.276-3.083-0.857c-2.841-1.706-3.761-5.393-2.055-8.232l24.141-40.193
+		c1.706-2.842,5.393-3.761,8.233-2.055c2.841,1.706,3.761,5.393,2.055,8.232L39.882,284.76
+		C38.757,286.634,36.77,287.672,34.732,287.672z"/>
+</g>
+<g>
+	<path class="st3" d="M111.752,287.672c-1.052,0-2.116-0.276-3.083-0.857c-2.841-1.706-3.761-5.393-2.055-8.232l16.072-26.76
+		c1.706-2.842,5.394-3.762,8.232-2.055c2.841,1.706,3.761,5.393,2.055,8.232l-16.072,26.76
+		C115.776,286.634,113.789,287.672,111.752,287.672z"/>
+</g>
+</svg>

src/assets/icon/svg/weather/40.svg

@@ -0,0 +1,46 @@
+<svg version="1.1" id="Icons" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
+	 viewBox="0 0 313.92 313.92" style="enable-background:new 0 0 313.92 313.92;" xml:space="preserve">
+<style type="text/css">
+	.st0{fill:#FF9838;}
+	.st1{fill:#B6BBBF;}
+	.st2{fill:#888A8C;}
+	.st3{fill:#00AEBD;}
+</style>
+<g>
+	<path class="st2" d="M309.33,104.862c-0.023,0-0.046,0-0.07,0.001c-0.52,0.012-1.043,0.018-1.563,0.018
+		c-22.875,0-45.121-11.866-57.38-33.101c-12.538-21.717-11.368-47.583,0.821-67.588c1.116-1.831-0.248-4.062-2.241-4.062
+		c-0.191,0-0.386,0.02-0.587,0.063c-6.603,1.416-13.099,3.873-19.261,7.438c-22.238,12.863-34.235,37.624-32.688,62.078
+		c2.843,1.832,5.572,3.863,8.155,6.098c2.234,1.934,4.328,3.999,6.295,6.167c-7.228-22.419,1.144-48.28,20.862-61.819
+		c-4.699,19.271-1.966,39.93,8.25,57.626c10.168,17.612,26.758,30.353,45.825,35.944c-7.332,3.542-15.378,5.399-23.496,5.399
+		c-3.446,0-6.913-0.332-10.305-0.987c-1.247-0.24-2.544-0.357-3.965-0.357c-4.695,0-10.136,1.34-15.897,2.759
+		c-0.961,0.237-1.977,0.486-3.001,0.731l0.672,4.359l5.97-0.971c2.14-0.348,4.3-0.524,6.421-0.524
+		c8.308,0,16.025,2.568,22.408,6.946c10.477-0.365,21.017-3.228,30.729-8.836c6.147-3.549,11.508-7.937,16.024-12.934
+		C312.87,107.586,311.634,104.862,309.33,104.862z"/>
+	<g>
+		<g>
+			<path class="st1" d="M156.96,64.105c16.031,0,31.526,5.768,43.631,16.239c11.988,10.371,19.914,24.655,22.315,40.222
+				l1.844,11.954l11.94-1.939c1.824-0.296,3.66-0.446,5.459-0.446c18.592,0,33.718,15.126,33.718,33.719
+				c0,18.592-15.126,33.719-33.718,33.719H91.889c-29.566,0-53.621-24.055-53.621-53.621S62.322,90.33,91.889,90.33
+				c1.626,0,3.277,0.08,5.048,0.246l6.056,0.564l4.036-4.551C119.702,72.301,137.901,64.105,156.96,64.105 M156.96,52.105
+				c-23.446,0-44.486,10.26-58.91,26.521c-2.029-0.188-4.083-0.297-6.162-0.297c-36.241,0-65.621,29.38-65.621,65.621
+				s29.379,65.621,65.621,65.621h150.261c25.249,0,45.718-20.47,45.718-45.719c0-25.25-20.469-45.719-45.718-45.719
+				c-2.515,0-4.979,0.211-7.383,0.602C228.944,80.999,196.327,52.105,156.96,52.105L156.96,52.105z"/>
+		</g>
+	</g>
+</g>
+<g>
+	<path class="st3" d="M179.109,287.672c-1.051,0-2.116-0.276-3.084-0.857c-2.841-1.706-3.76-5.393-2.054-8.232l24.141-40.193
+		c1.706-2.842,5.391-3.763,8.233-2.055c2.841,1.706,3.76,5.393,2.054,8.233l-24.141,40.193
+		C183.133,286.634,181.146,287.672,179.109,287.672z"/>
+</g>
+<g>
+	<path class="st3" d="M124.113,313.904c-1.051,0-2.116-0.276-3.084-0.857c-2.841-1.706-3.76-5.393-2.054-8.232l39.897-66.426
+		c1.706-2.842,5.39-3.763,8.233-2.055c2.841,1.706,3.76,5.393,2.054,8.233l-39.897,66.426
+		C128.137,312.866,126.15,313.904,124.113,313.904z"/>
+</g>
+<g>
+	<path class="st3" d="M100.629,287.672c-1.051,0-2.116-0.276-3.083-0.857c-2.841-1.706-3.76-5.393-2.054-8.232l24.141-40.193
+		c1.706-2.842,5.391-3.763,8.233-2.055c2.841,1.706,3.76,5.393,2.054,8.233l-24.141,40.193
+		C104.653,286.634,102.667,287.672,100.629,287.672z"/>
+</g>
+</svg>

src/assets/icon/svg/weather/41.svg

@@ -0,0 +1,36 @@
+<svg version="1.1" id="Icons" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
+	 viewBox="0 0 313.92 313.92" style="enable-background:new 0 0 313.92 313.92;" xml:space="preserve">
+<style type="text/css">
+	.st0{fill:#FF9838;}
+	.st1{fill:#B6BBBF;}
+	.st2{fill:#888A8C;}
+	.st3{fill:#00AEBD;}
+</style>
+<path class="st2" d="M78.327,108.915c5.651-38.36,27.874-74.095,63.243-94.554c12.141-7.023,24.941-11.865,37.952-14.655
+	c0.395-0.085,0.781-0.124,1.156-0.124c3.928,0,6.614,4.396,4.415,8.004c-21.68,35.581-25.661,80.572-8.061,120.466
+	c-4.516-2.193-9.44-3.667-14.622-4.295c-12.639-35.12-11.013-73.985,4.788-108.099c-6.77,2.414-13.332,5.453-19.621,9.091
+	c-13.493,7.805-25.121,18.165-34.562,30.794c-9.134,12.217-15.815,25.982-19.86,40.913c-0.681,2.515-1.273,5.038-1.792,7.568
+	C86.834,105.117,82.455,106.757,78.327,108.915z"/>
+<path class="st0" d="M122.131,251.023c-1.064-1.882-3.06-3.045-5.222-3.045H87.536l26.939-44.853
+	c1.706-2.841,0.787-6.526-2.054-8.232c-2.842-1.708-6.527-0.786-8.233,2.054L71.79,250.89c-1.706,2.84-0.787,6.526,2.054,8.232
+	c0.817,0.49,1.704,0.751,2.593,0.824c0.006,0.001,0.013,0.001,0.019,0.001c0.157,0.014,0.314,0.032,0.471,0.032
+	c0.021,0,0.043-0.004,0.064-0.005c0.021,0.001,0.041,0.004,0.062,0.004h29.253l-26.939,44.853c-1.706,2.839-0.787,6.526,2.054,8.232
+	c0.967,0.581,2.032,0.857,3.084,0.857c2.038,0,4.024-1.037,5.149-2.911l32.398-53.941
+	C123.166,255.214,123.196,252.905,122.131,251.023z"/>
+<path class="st2" d="M299.755,205.947c-0.046,0-0.091,0-0.138,0.002c-1.025,0.023-2.055,0.036-3.079,0.036
+	c-34.656,0-68.568-13.837-93.378-39.245c0.071,1.046,0.12,2.098,0.12,3.161c0,4.151-0.555,8.173-1.58,12.005
+	c7.52,6.705,15.741,12.625,24.562,17.606c17.658,9.972,37.291,16.065,57.426,17.891c-5.454,4.638-11.34,8.786-17.605,12.403
+	c-18.002,10.394-38.434,15.887-59.087,15.887c-20.567,0-40.892-5.375-58.775-15.544c-6.295-3.58-12.228-7.729-17.731-12.378
+	c-1.039-0.877-2.344-1.374-3.704-1.374h-0.924c-0.847,0-1.662,0.197-2.404,0.544l-0.001-0.756c0,0-6.906-2.188-7.531,0.188
+	c-0.552,2.098,2.601,6.787,6.132,9.965c0.033,0.029,0.057,0.064,0.091,0.093c0.122,0.104,0.247,0.205,0.37,0.31
+	c0.126,0.107,0.253,0.213,0.38,0.316c23.656,19.904,53.59,30.637,84.098,30.637c22.128,0,44.546-5.635,65.087-17.494
+	c12.113-6.993,22.675-15.639,31.574-25.485C306.729,211.313,304.296,205.947,299.755,205.947z"/>
+<path class="st1" d="M156.783,117.404c-1.663,0-3.306,0.087-4.929,0.238c-11.538-13.01-28.371-21.218-47.127-21.218
+	c-31.494,0-57.587,23.115-62.245,53.305c-1.923-0.312-3.895-0.481-5.906-0.481c-19.962,0-36.188,15.991-36.568,35.861
+	c-0.392,20.505,16.782,37.288,37.29,37.288h34.011c2.107,0,4.059-1.105,5.144-2.91l0,0c2.402-3.999-0.479-9.09-5.144-9.09H37.134
+	c-13.749,0-25.363-11.25-25.13-24.997c0.226-13.356,11.161-24.152,24.571-24.152c1.309,0,2.649,0.109,3.982,0.326l11.94,1.939
+	l1.844-11.954c1.835-11.892,7.89-22.804,17.05-30.728c9.248-8,21.087-12.406,33.335-12.406c14.561,0,28.466,6.262,38.15,17.181
+	l4.036,4.55l6.056-0.564c1.342-0.126,2.59-0.187,3.815-0.187c22.655,0,41.024,18.699,40.485,41.473
+	c-0.523,22.108-19.131,39.52-41.245,39.52H121.83c-2.106,0-4.059,1.105-5.144,2.911l0,0c-2.402,3.999,0.479,9.089,5.144,9.089
+	h34.089c28.788,0,52.872-22.815,53.353-51.599C209.763,141.395,186.075,117.404,156.783,117.404z"/>
+</svg>

src/assets/icon/svg/weather/42.svg

@@ -0,0 +1,33 @@
+<svg version="1.1" id="Icons" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
+	 viewBox="0 0 313.92 313.92" style="enable-background:new 0 0 313.92 313.92;" xml:space="preserve">
+<style type="text/css">
+	.st0{fill:#FF9838;}
+	.st1{fill:#B6BBBF;}
+	.st2{fill:#888A8C;}
+	.st3{fill:#00AEBD;}
+</style>
+<path class="st2" d="M309.33,104.862c-0.023,0-0.046,0-0.069,0.001c-0.521,0.012-1.044,0.018-1.564,0.018
+	c-22.875,0-45.121-11.866-57.38-33.101c-12.538-21.717-11.368-47.583,0.821-67.588c1.115-1.831-0.248-4.062-2.241-4.062
+	c-0.19,0-0.386,0.02-0.587,0.063c-6.603,1.416-13.099,3.873-19.261,7.438c-22.237,12.863-34.235,37.624-32.688,62.078
+	c2.843,1.832,5.572,3.863,8.155,6.098c2.234,1.933,4.328,3.999,6.295,6.167c-7.229-22.42,1.144-48.28,20.862-61.819
+	c-4.699,19.271-1.967,39.93,8.25,57.626c10.168,17.612,26.758,30.353,45.825,35.944c-7.332,3.542-15.378,5.399-23.496,5.399
+	c-3.445,0-6.912-0.332-10.305-0.987c-1.247-0.24-2.544-0.357-3.965-0.357c-4.695,0-10.137,1.34-15.897,2.759
+	c-0.961,0.237-1.976,0.486-3.001,0.731l0.673,4.359l5.97-0.971c2.14-0.348,4.301-0.524,6.421-0.524
+	c8.308,0,16.025,2.568,22.408,6.946c10.477-0.365,21.017-3.228,30.729-8.836c6.147-3.549,11.508-7.937,16.024-12.934
+	C312.87,107.586,311.635,104.862,309.33,104.862z"/>
+<path class="st1" d="M242.15,118.135c-2.515,0-4.98,0.211-7.383,0.602c-5.823-37.737-38.439-66.631-77.807-66.631
+	c-23.446,0-44.486,10.26-58.909,26.521c-2.03-0.188-4.083-0.297-6.162-0.297c-36.531,0-66.09,29.852-65.615,66.492
+	c0.468,36.061,30.529,64.75,66.593,64.75h37.776c2.106,0,4.059-1.105,5.144-2.911l0,0c2.402-3.999-0.479-9.089-5.144-9.089H92.703
+	c-29.425,0-53.979-23.366-54.428-52.788C37.817,114.838,62.045,90.33,91.889,90.33c1.626,0,3.277,0.08,5.048,0.246l6.055,0.564
+	l4.036-4.551c12.674-14.289,30.873-22.484,49.932-22.484c16.031,0,31.526,5.768,43.632,16.239
+	c11.988,10.371,19.913,24.655,22.314,40.222l1.845,11.954l11.94-1.939c1.823-0.296,3.66-0.446,5.459-0.446
+	c18.397,0,33.401,14.811,33.714,33.135c0.321,18.863-15.52,34.303-34.386,34.303H188.97c-2.106,0-4.059,1.104-5.144,2.91l0,0
+	c-2.402,3.999,0.478,9.09,5.144,9.09h52.427c25.071,0,46.046-19.869,46.465-44.938C288.289,139.027,267.659,118.135,242.15,118.135z
+	"/>
+<path class="st0" d="M182.237,238.522c-1.064-1.882-3.059-3.045-5.222-3.045h-29.374l34.438-57.337
+	c1.706-2.84,0.786-6.526-2.055-8.232c-2.839-1.706-6.526-0.786-8.232,2.055l-39.897,66.426c-1.706,2.84-0.787,6.526,2.054,8.232
+	c0.817,0.491,1.704,0.752,2.594,0.825c0.006,0.001,0.013,0.001,0.019,0.001c0.157,0.013,0.314,0.031,0.471,0.031
+	c0.022,0,0.043-0.004,0.065-0.004c0.021,0,0.041,0.003,0.062,0.003h29.253l-34.438,57.337c-1.706,2.84-0.787,6.526,2.054,8.232
+	c0.967,0.581,2.032,0.857,3.083,0.857c2.038,0,4.024-1.038,5.149-2.912l39.897-66.426
+	C183.272,242.713,183.303,240.404,182.237,238.522z"/>
+</svg>

src/assets/icon/svg/weather/43.svg

@@ -0,0 +1,38 @@
+<svg version="1.1" id="Icons" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
+	 viewBox="0 0 313.92 313.92" style="enable-background:new 0 0 313.92 313.92;" xml:space="preserve">
+<style type="text/css">
+	.st0{fill:#FF9838;}
+	.st1{fill:#B6BBBF;}
+	.st2{fill:#888A8C;}
+	.st3{fill:#00AEBD;}
+</style>
+<g>
+	<path class="st2" d="M309.33,104.862c-0.023,0-0.046,0-0.069,0.001c-0.521,0.012-1.043,0.018-1.564,0.018
+		c-22.875,0-45.121-11.866-57.38-33.101c-12.538-21.717-11.368-47.583,0.821-67.588c1.115-1.831-0.248-4.062-2.241-4.062
+		c-0.19,0-0.387,0.02-0.587,0.063c-6.603,1.416-13.099,3.873-19.261,7.438c-22.237,12.863-34.235,37.624-32.688,62.078
+		c2.843,1.832,5.572,3.863,8.155,6.098c2.234,1.933,4.328,3.999,6.295,6.167c-7.229-22.419,1.145-48.28,20.862-61.819
+		c-4.699,19.271-1.967,39.93,8.25,57.626c10.168,17.612,26.759,30.353,45.825,35.944c-7.332,3.542-15.378,5.399-23.496,5.399
+		c-3.445,0-6.912-0.332-10.305-0.987c-1.247-0.24-2.544-0.357-3.965-0.357c-4.695,0-10.137,1.34-15.897,2.759
+		c-0.961,0.237-1.976,0.486-3.001,0.731l0.673,4.359l5.97-0.971c2.14-0.348,4.301-0.524,6.421-0.524
+		c8.308,0,16.025,2.568,22.408,6.946c10.477-0.365,21.017-3.228,30.729-8.836c6.147-3.549,11.508-7.937,16.023-12.934
+		C312.87,107.586,311.635,104.862,309.33,104.862z"/>
+	<g>
+		<g>
+			<path class="st1" d="M156.96,64.105c16.031,0,31.526,5.768,43.632,16.239c11.988,10.371,19.913,24.655,22.314,40.222
+				l1.845,11.954l11.939-1.939c1.824-0.296,3.66-0.446,5.459-0.446c18.593,0,33.719,15.126,33.719,33.719
+				c0,18.592-15.126,33.719-33.719,33.719H91.889c-29.566,0-53.62-24.055-53.62-53.621S62.322,90.33,91.889,90.33
+				c1.626,0,3.277,0.08,5.048,0.246l6.056,0.564l4.036-4.551C119.702,72.301,137.901,64.105,156.96,64.105 M156.96,52.105
+				c-23.446,0-44.485,10.26-58.909,26.521c-2.029-0.188-4.083-0.297-6.162-0.297c-36.241,0-65.62,29.38-65.62,65.621
+				s29.379,65.621,65.62,65.621h150.261c25.25,0,45.719-20.47,45.719-45.719c0-25.25-20.469-45.719-45.719-45.719
+				c-2.515,0-4.979,0.211-7.383,0.602C228.943,80.999,196.327,52.105,156.96,52.105L156.96,52.105z"/>
+		</g>
+	</g>
+</g>
+<path class="st3" d="M188.503,286.062l-19.758-11.364l19.722-11.429c2.866-1.661,3.844-5.333,2.183-8.2
+	c-1.662-2.866-5.33-3.844-8.2-2.183l-19.722,11.429l-0.037-22.794c-0.006-3.31-2.69-5.99-6-5.99c-0.003,0-0.007,0-0.01,0
+	c-3.313,0.005-5.995,2.696-5.99,6.01l0.037,22.793l-19.759-11.364c-2.871-1.651-6.54-0.662-8.192,2.21
+	c-1.652,2.872-0.663,6.54,2.21,8.192l19.759,11.364l-19.723,11.43c-2.866,1.661-3.844,5.333-2.183,8.2
+	c1.113,1.92,3.127,2.992,5.197,2.992c1.021,0,2.056-0.261,3.003-0.81l19.721-11.429l0.037,22.794c0.006,3.311,2.69,5.99,6,5.99
+	c0.003,0,0.007,0,0.01,0c3.313-0.005,5.995-2.696,5.99-6.01l-0.037-22.795l19.76,11.365c0.942,0.542,1.971,0.8,2.985,0.8
+	c2.077,0,4.097-1.08,5.207-3.01C192.365,291.383,191.376,287.715,188.503,286.062z"/>
+</svg>

src/assets/icon/svg/weather/44.svg

@@ -0,0 +1,50 @@
+<svg version="1.1" id="Icons" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
+	 viewBox="0 0 313.92 313.92" style="enable-background:new 0 0 313.92 313.92;" xml:space="preserve">
+<style type="text/css">
+	.st0{fill:#FF9838;}
+	.st1{fill:#B6BBBF;}
+	.st2{fill:#888A8C;}
+	.st3{fill:#00AEBD;}
+</style>
+<g>
+	<path class="st2" d="M309.33,104.862c-0.023,0-0.046,0-0.069,0.001c-0.521,0.012-1.043,0.018-1.563,0.018
+		c-22.875,0-45.12-11.866-57.38-33.101c-12.538-21.717-11.368-47.583,0.821-67.588c1.116-1.831-0.248-4.062-2.241-4.062
+		c-0.19,0-0.387,0.02-0.587,0.063c-6.603,1.416-13.099,3.873-19.26,7.438c-22.238,12.863-34.235,37.624-32.688,62.077
+		c2.843,1.833,5.572,3.864,8.155,6.099c2.234,1.933,4.328,3.999,6.295,6.167c-7.228-22.42,1.143-48.279,20.862-61.819
+		c-4.698,19.271-1.967,39.93,8.25,57.626c10.168,17.612,26.759,30.353,45.825,35.944c-7.332,3.542-15.377,5.399-23.496,5.399
+		c-3.445,0-6.912-0.332-10.305-0.987c-1.247-0.24-2.544-0.357-3.965-0.357c-4.695,0-10.137,1.34-15.896,2.759
+		c-0.962,0.237-1.977,0.486-3.002,0.731l0.673,4.359l5.97-0.971c2.14-0.348,4.301-0.524,6.421-0.524
+		c8.308,0,16.024,2.568,22.408,6.946c10.477-0.365,21.017-3.228,30.729-8.836c6.147-3.549,11.508-7.937,16.024-12.934
+		C312.87,107.586,311.635,104.862,309.33,104.862z"/>
+	<g>
+		<g>
+			<path class="st1" d="M156.96,64.105c16.031,0,31.526,5.768,43.632,16.239c11.988,10.371,19.913,24.655,22.314,40.222
+				l1.845,11.954l11.939-1.939c1.824-0.296,3.66-0.446,5.459-0.446c18.593,0,33.719,15.126,33.719,33.719
+				c0,18.592-15.126,33.719-33.719,33.719H91.889c-29.566,0-53.62-24.055-53.62-53.621S62.322,90.33,91.889,90.33
+				c1.626,0,3.277,0.08,5.049,0.246l6.055,0.564l4.036-4.551C119.702,72.301,137.901,64.105,156.96,64.105 M156.96,52.105
+				c-23.446,0-44.485,10.26-58.909,26.521c-2.029-0.188-4.083-0.297-6.162-0.297c-36.241,0-65.62,29.38-65.62,65.621
+				s29.379,65.621,65.62,65.621h150.261c25.25,0,45.719-20.47,45.719-45.719c0-25.25-20.469-45.719-45.719-45.719
+				c-2.515,0-4.979,0.211-7.383,0.602C228.944,80.999,196.327,52.105,156.96,52.105L156.96,52.105z"/>
+		</g>
+	</g>
+</g>
+<path class="st3" d="M188.503,286.062l-19.758-11.364l19.722-11.429c2.866-1.661,3.844-5.333,2.183-8.2
+	c-1.661-2.866-5.331-3.844-8.2-2.183l-19.722,11.429l-0.037-22.794c-0.006-3.31-2.69-5.99-6-5.99c-0.003,0-0.007,0-0.01,0
+	c-3.313,0.005-5.995,2.696-5.99,6.01l0.037,22.793l-19.759-11.364c-2.872-1.651-6.54-0.662-8.192,2.21
+	c-1.652,2.872-0.663,6.54,2.21,8.192l19.758,11.364l-19.722,11.43c-2.866,1.661-3.844,5.333-2.183,8.2
+	c1.113,1.92,3.127,2.992,5.197,2.992c1.021,0,2.056-0.261,3.003-0.81l19.721-11.429l0.037,22.794c0.006,3.311,2.69,5.99,6,5.99
+	c0.003,0,0.007,0,0.01,0c3.313-0.005,5.995-2.696,5.99-6.01l-0.037-22.795l19.76,11.365c0.942,0.542,1.971,0.8,2.985,0.8
+	c2.077,0,4.097-1.08,5.207-3.01C192.365,291.383,191.376,287.715,188.503,286.062z"/>
+<path class="st3" d="M91.619,276.364l-14.11-8.147l14.11-8.146c2.87-1.657,3.853-5.326,2.196-8.196
+	c-1.655-2.869-5.325-3.852-8.196-2.196l-14.111,8.147v-16.294c0-3.314-2.687-6-6-6c-3.313,0-6,2.686-6,6v16.293l-14.11-8.146
+	c-2.871-1.658-6.539-0.673-8.196,2.196c-1.656,2.87-0.674,6.539,2.196,8.196l14.11,8.146l-14.11,8.147
+	c-2.87,1.657-3.853,5.326-2.196,8.196c1.111,1.925,3.128,3.001,5.202,3.001c1.018,0,2.05-0.26,2.994-0.805l14.11-8.147v16.294
+	c0,3.313,2.687,6,6,6c3.313,0,6-2.687,6-6v-16.295l14.111,8.147c0.945,0.546,1.977,0.805,2.994,0.805
+	c2.074,0,4.091-1.076,5.202-3.001C95.472,281.69,94.489,278.021,91.619,276.364z"/>
+<path class="st3" d="M274.493,276.364l-14.11-8.147l14.11-8.146c2.87-1.657,3.853-5.326,2.196-8.196
+	c-1.656-2.869-5.327-3.852-8.196-2.196l-14.11,8.146v-16.293c0-3.314-2.686-6-6-6c-3.313,0-6,2.686-6,6v16.294l-14.111-8.147
+	c-2.872-1.658-6.539-0.673-8.196,2.196c-1.656,2.87-0.674,6.539,2.196,8.196l14.111,8.146l-14.111,8.147
+	c-2.87,1.657-3.853,5.326-2.196,8.196c1.111,1.925,3.128,3.001,5.202,3.001c1.018,0,2.05-0.26,2.994-0.805l14.111-8.147v16.295
+	c0,3.313,2.687,6,6,6c3.314,0,6-2.687,6-6V278.61l14.11,8.147c0.945,0.546,1.977,0.805,2.994,0.805c2.074,0,4.091-1.076,5.202-3.001
+	C278.346,281.69,277.363,278.021,274.493,276.364z"/>
+</svg>

src/components/chart/other/Dashboard.vue

@@ -23,6 +23,10 @@ export default {
       type: Number,
       default: 50,
     },
+    max: {
+      type: Number,
+      default: 100,
+    },
   },
   data() {
     return {
@@ -165,7 +169,7 @@ export default {
             type: "gauge",
             radius: "94%",
             min: 0, //最小刻度
-            max: 100, //最大刻度
+            max: this.max, //最大刻度
             splitNumber: 4, //刻度数量
             startAngle: 225,
             endAngle: -45,

src/router/index.js

@@ -109,7 +109,7 @@ const routes = [
     component: () => import('../views/HealthControl/Health1.vue'),
   },
   {
-    path: '/health/health2',
+    path: '/health/health2', // 健康管理首页
     name: 'health2',
     component: () => import('../views/HealthControl/Health2.vue'),
   },

src/views/HealthControl/Health2.vue

@@ -2,13 +2,13 @@
   <div class="health-2">
     <div class="power-info mg-b-16">
       <div class="info-tab">
-        <div class="tab active" @click="changeDate">
+        <div class="tab" :class="type === '2' ? 'active' : ''" @click="changeDate('2')">
           <i class="svg-icon svg-icon svg-icon-sm">
             <svg-icon :svgid="'svg-h-day'" />
           </i>
           <span> 7日健康趋势 </span>
         </div>
-        <div class="tab">
+        <div class="tab" :class="type === '3' ? 'active' : ''" @click="changeDate('3')">
           <i class="svg-icon svg-icon svg-icon-sm">
             <svg-icon :svgid="'svg-h-month'" />
           </i>
@@ -21,51 +21,51 @@
       </div>
       <div class="info-chart">
         <panel class="info-chart-panel" :title="'损失电量分析'">
-          <vertival-bar-line-chart :height="'310px'" />
+          <vertival-bar-line-chart :bardata="bardata" :lineData="lineData" :height="'310px'" />
         </panel>
       </div>
     </div>
     <div class="fc-info mg-b-16">
-      <div class="fc-item">
-        <div class="title">牛首山风场</div>
+      <div class="fc-item" v-for="(item, index) in wpmap" :key="index">
+        <div class="title">{{item.name}}</div>
         <div class="tags">
           <div class="tag">
             <i class="svg-icon svg-icon-gray-l svg-icon-lg">
-              <svg-icon :svgid="'svg-duoyun'" />
+              <svg-icon :svgid="item.svgIcon" />
             </i>
           </div>
           <div class="tag">
             <div class="tag-title">实时风速</div>
-            <div class="tag-value">12.34<span class="unit">m/s</span></div>
+            <div class="tag-value">{{item.sjfs}}<span class="unit">m/s</span></div>
           </div>
           <div class="tag">
             <div class="tag-title">预测风速</div>
-            <div class="tag-value">12.34<span class="unit">m/s</span></div>
+            <div class="tag-value">{{item.ycfs}}<span class="unit">m/s</span></div>
           </div>
           <div class="tag">
             <div class="tag-title">健康度（优）</div>
-            <div class="tag-value">12.34<span class="unit">台</span></div>
+            <div class="tag-value">{{item.ysl}}<span class="unit">台</span></div>
           </div>
           <div class="tag">
             <div class="tag-title">健康度（良）</div>
-            <div class="tag-value">12.34<span class="unit">台</span></div>
+            <div class="tag-value">{{item.lsl}}<span class="unit">台</span></div>
           </div>
           <div class="tag">
             <div class="tag-title">健康度（差）</div>
-            <div class="tag-value">12.34<span class="unit">台</span></div>
+            <div class="tag-value">{{item.csl}}<span class="unit">台</span></div>
           </div>
         </div>
         <div class="health-info">
           <div class="title">
             设备健康度
             <div class="actions">
-              <div class="action active">
+              <div class="action" :class="item.showType === '1' ? 'active' : ''" @click="changeWpShowType(index, '1')">
                 <i class="svg-icon svg-icon-sm">
                   <svg-icon :svgid="'svg-wind-site'" />
                 </i>
                 比例
               </div>
-              <div class="action">
+              <div class="action" :class="item.showType === '2' ? 'active' : ''" @click="changeWpShowType(index, '2')">
                 <i class="svg-icon svg-icon-sm">
                   <svg-icon :svgid="'svg-wind-site'" />
                 </i>
@@ -74,262 +74,14 @@
             </div>
           </div>
           <div class="info-body">
-            <div class="proportion-info">
-              <thermometer-chart :height="'120px'" :width="'80px'" />
-              <dashboard :height="'150px'" :width="'150px'" />
+            <div class="proportion-info" v-show="item.showType === '1'">
+              <thermometer-chart :value="item.jkd" :height="'120px'" :width="'80px'" />
+              <dashboard :value="item.csl" :max="item.jrts" :height="'150px'" :width="'150px'" />
             </div>
-            <div class="device-list"></div>
-          </div>
-        </div>
-      </div>
-      <div class="fc-item">
-        <div class="title">牛首山风场</div>
-        <div class="tags">
-          <div class="tag">
-            <i class="svg-icon svg-icon-gray-l svg-icon-lg">
-              <svg-icon :svgid="'svg-duoyun'" />
-            </i>
-          </div>
-          <div class="tag">
-            <div class="tag-title">实时风速</div>
-            <div class="tag-value">12.34<span class="unit">m/s</span></div>
-          </div>
-          <div class="tag">
-            <div class="tag-title">预测风速</div>
-            <div class="tag-value">12.34<span class="unit">m/s</span></div>
-          </div>
-          <div class="tag">
-            <div class="tag-title">健康度（优）</div>
-            <div class="tag-value">12.34<span class="unit">台</span></div>
-          </div>
-          <div class="tag">
-            <div class="tag-title">健康度（良）</div>
-            <div class="tag-value">12.34<span class="unit">台</span></div>
-          </div>
-          <div class="tag">
-            <div class="tag-title">健康度（差）</div>
-            <div class="tag-value">12.34<span class="unit">台</span></div>
-          </div>
-        </div>
-        <div class="health-info">
-          <div class="title">
-            设备健康度
-            <div class="actions">
-              <div class="action active">
-                <i class="svg-icon svg-icon-sm">
-                  <svg-icon :svgid="'svg-wind-site'" />
-                </i>
-                比例
-              </div>
-              <div class="action">
-                <i class="svg-icon svg-icon-sm">
-                  <svg-icon :svgid="'svg-wind-site'" />
-                </i>
-                风机号
-              </div>
-            </div>
-          </div>
-          <div class="info-body">
-            <div class="proportion-info" v-show="false">
-              <thermometer-chart :height="'120px'" :width="'80px'" />
-              <dashboard :height="'150px'" :width="'150px'" />
-            </div>
-            <div class="device-list">
-              <div class="item green">1号</div>
-              <div class="item purple">1号</div>
-              <div class="item orange">1号</div>
-              <div class="item">1号</div>
-              <div class="item">1号</div>
-              <div class="item">1号</div>
-              <div class="item">1号</div>
-              <div class="item">1号</div>
-              <div class="item">1号</div>
-              <div class="item">1号</div>
-              <div class="item">1号</div>
-              <div class="item">1号</div>
-              <div class="item">1号</div>
-              <div class="item">1号</div>
-              <div class="item">1号</div>
-              <div class="item">1号</div>
-              <div class="item">1号</div>
-              <div class="item">1号</div>
-              <div class="item">1号</div>
-              <div class="item">1号</div>
-              <div class="item">1号</div>
-              <div class="item">1号</div>
-              <div class="item">1号</div>
-              <div class="item">1号</div>
-              <div class="item">1号</div>
-            </div>
-          </div>
-        </div>
-      </div>
-      <div class="fc-item">
-        <div class="title">牛首山风场</div>
-        <div class="tags">
-          <div class="tag">
-            <i class="svg-icon svg-icon-gray-l svg-icon-lg">
-              <svg-icon :svgid="'svg-duoyun'" />
-            </i>
-          </div>
-          <div class="tag">
-            <div class="tag-title">实时风速</div>
-            <div class="tag-value">12.34<span class="unit">m/s</span></div>
-          </div>
-          <div class="tag">
-            <div class="tag-title">预测风速</div>
-            <div class="tag-value">12.34<span class="unit">m/s</span></div>
-          </div>
-          <div class="tag">
-            <div class="tag-title">健康度（优）</div>
-            <div class="tag-value">12.34<span class="unit">台</span></div>
-          </div>
-          <div class="tag">
-            <div class="tag-title">健康度（良）</div>
-            <div class="tag-value">12.34<span class="unit">台</span></div>
-          </div>
-          <div class="tag">
-            <div class="tag-title">健康度（差）</div>
-            <div class="tag-value">12.34<span class="unit">台</span></div>
-          </div>
-        </div>
-        <div class="health-info">
-          <div class="title">
-            设备健康度
-            <div class="actions">
-              <div class="action active">
-                <i class="svg-icon svg-icon-sm">
-                  <svg-icon :svgid="'svg-wind-site'" />
-                </i>
-                比例
-              </div>
-              <div class="action">
-                <i class="svg-icon svg-icon-sm">
-                  <svg-icon :svgid="'svg-wind-site'" />
-                </i>
-                风机号
-              </div>
+            <div class="device-list" v-show="item.showType === '2'">
+              <div class="item red" v-for="(gzItem, gzIndex) in item.gzId" :key="gzIndex">{{gzItem.name}}</div>
             </div>
           </div>
-          <div class="info-body">
-            <div class="proportion-info">
-              <thermometer-chart :height="'120px'" :width="'80px'" />
-              <dashboard :height="'150px'" :width="'150px'" />
-            </div>
-            <div class="device-list"></div>
-          </div>
-        </div>
-      </div>
-      <div class="fc-item">
-        <div class="title">牛首山风场</div>
-        <div class="tags">
-          <div class="tag">
-            <i class="svg-icon svg-icon-gray-l svg-icon-lg">
-              <svg-icon :svgid="'svg-duoyun'" />
-            </i>
-          </div>
-          <div class="tag">
-            <div class="tag-title">实时风速</div>
-            <div class="tag-value">12.34<span class="unit">m/s</span></div>
-          </div>
-          <div class="tag">
-            <div class="tag-title">预测风速</div>
-            <div class="tag-value">12.34<span class="unit">m/s</span></div>
-          </div>
-          <div class="tag">
-            <div class="tag-title">健康度（优）</div>
-            <div class="tag-value">12.34<span class="unit">台</span></div>
-          </div>
-          <div class="tag">
-            <div class="tag-title">健康度（良）</div>
-            <div class="tag-value">12.34<span class="unit">台</span></div>
-          </div>
-          <div class="tag">
-            <div class="tag-title">健康度（差）</div>
-            <div class="tag-value">12.34<span class="unit">台</span></div>
-          </div>
-        </div>
-        <div class="health-info">
-          <div class="title">
-            设备健康度
-            <div class="actions">
-              <div class="action active">
-                <i class="svg-icon svg-icon-sm">
-                  <svg-icon :svgid="'svg-wind-site'" />
-                </i>
-                比例
-              </div>
-              <div class="action">
-                <i class="svg-icon svg-icon-sm">
-                  <svg-icon :svgid="'svg-wind-site'" />
-                </i>
-                风机号
-              </div>
-            </div>
-          </div>
-          <div class="info-body">
-            <div class="proportion-info">
-              <thermometer-chart :height="'120px'" :width="'80px'" />
-              <dashboard :height="'150px'" :width="'150px'" />
-            </div>
-            <div class="device-list"></div>
-          </div>
-        </div>
-      </div>
-      <div class="fc-item">
-        <div class="title">牛首山风场</div>
-        <div class="tags">
-          <div class="tag">
-            <i class="svg-icon svg-icon-gray-l svg-icon-lg">
-              <svg-icon :svgid="'svg-duoyun'" />
-            </i>
-          </div>
-          <div class="tag">
-            <div class="tag-title">实时风速</div>
-            <div class="tag-value">12.34<span class="unit">m/s</span></div>
-          </div>
-          <div class="tag">
-            <div class="tag-title">预测风速</div>
-            <div class="tag-value">12.34<span class="unit">m/s</span></div>
-          </div>
-          <div class="tag">
-            <div class="tag-title">健康度（优）</div>
-            <div class="tag-value">12.34<span class="unit">台</span></div>
-          </div>
-          <div class="tag">
-            <div class="tag-title">健康度（良）</div>
-            <div class="tag-value">12.34<span class="unit">台</span></div>
-          </div>
-          <div class="tag">
-            <div class="tag-title">健康度（差）</div>
-            <div class="tag-value">12.34<span class="unit">台</span></div>
-          </div>
-        </div>
-        <div class="health-info">
-          <div class="title">
-            设备健康度
-            <div class="actions">
-              <div class="action active">
-                <i class="svg-icon svg-icon-sm">
-                  <svg-icon :svgid="'svg-wind-site'" />
-                </i>
-                比例
-              </div>
-              <div class="action">
-                <i class="svg-icon svg-icon-sm">
-                  <svg-icon :svgid="'svg-wind-site'" />
-                </i>
-                风机号
-              </div>
-            </div>
-          </div>
-          <div class="info-body">
-            <div class="proportion-info">
-              <thermometer-chart :height="'120px'" :width="'80px'" />
-              <dashboard :height="'150px'" :width="'150px'" />
-            </div>
-            <div class="device-list"></div>
-          </div>
         </div>
       </div>
     </div>
@@ -351,92 +103,117 @@ export default {
   components: { SvgIcon, Panel, VertivalBarLineChart, ThermometerChart, Dashboard, Table },
   data() {
     return {
+      type: "2",
+      bardata:{
+        area:[],
+        legend:[],
+        data:[[]]
+      },
+      wpmap:[],
+      lineData:[],
       tableData: {
         column: [
           {
-            name: "",
-            field: "index",
+            name: "风机编号",
+            field: "windTurbineId",
             is_num: false,
             is_light: false,
           },
           {
-            name: "项目",
-            field: "name",
+            name: "故障时间",
+            field: "stopTime",
             is_num: false,
             is_light: false,
           },
           {
-            name: "项目",
-            field: "lqf",
+            name: "故障类型",
+            field: "stopTypeId",
             is_num: false,
             is_light: false,
           },
           {
-            name: "项目",
-            field: "yggl",
+            name: "报警描述",
+            field: "warningId",
             is_num: false,
             is_light: false,
           },
-          {
-            name: "项目",
-            field: "yyy",
-            is_num: false,
-            is_light: false,
-          },
-          {
-            name: "项目",
-            field: "pcspp",
-            is_num: false,
-            is_light: false,
-          },
-        ],
-        data: [
-          {
-            index: 1,
-            name: "MG01-01",
-            lqf: "0.1000",
-            yggl: "0.1000",
-            yyy: "0.10",
-            pcspp: "0.1000",
-            u1: "0.1000",
-            u2: "0.1000",
-            v1: "0.1000",
-            v2: "0.1000",
-            w1: "0.1000",
-            w2: "0.1000",
-            zca: "0.1000",
-            zcb: "0.1000",
-            clx: "0.1000",
-            clx1: "0.1000",
-            clx2: "0.1000",
-            jc: "0.1000",
-            hh: "0.1000",
-            hj: "0.1000",
-            is_light: false,
-          },
         ],
+        data: [],
       },
     };
   },
   created() {
-    for (let i = 1; i < 20; i++) {
-      this.tableData.data.push(JSON.parse(JSON.stringify(this.tableData.data[0])));
-      this.tableData.data[i].index = i + 1;
-    }
-
-    let that = this;
-    that.API.requestData({
-      method: "POST",
-      subUrl: "recommen/findAllChartjz",
-      data: {
-        wpId: "0",
-        type: that.type
-      },
-      success (res) {
-        console.log(123123,res);
-      }
-    });
+    this.requestData();
+    this.getAllMap();
   },
+
+  methods:{
+    // 获取顶部柱状图数据
+    requestData(){
+      let that = this;
+      that.API.requestData({
+        method: "POST",
+        subUrl: "recommen/findAllChartjz",
+        data: {
+          wpId: "0",
+          type: that.type
+        },
+        success (res) {
+          // 顶部图表绿线
+          let lineData = res.data.lvchart;
+
+          let area = res.data.datechart;
+          let legend = ["优数量", "良数量", "差数量"];
+          let data = [];
+
+          let dataLength = res.data.datechart.length;
+
+          for(let i=0;i<dataLength;i++){
+            data.push([res.data.yslchart[i], res.data.lslchart[i], res.data.cslchart[i]]);
+          }
+
+          let bardata = {
+            area,
+            legend,
+            data
+          };
+
+          that.bardata = bardata;
+          that.lineData = lineData;
+        }
+      });
+    },
+
+    getAllMap(){
+      let that = this;
+      that.API.requestData({
+        method: "POST",
+        subUrl: "healthmain/findAllMap",
+        success (res) {
+
+          res.data.wpmap.forEach(ele=>{
+            if(ele.tqyb < 10) ele.tqyb = ("0" + ele.tqyb);
+            ele.showType = "1";
+            ele.svgIcon = ("svg-" + ele.tqyb);
+          });
+
+          that.wpmap = res.data.wpmap;
+
+          that.tableData.data = res.data.gzls;
+        }
+      });
+    },
+
+    // 改变风场显示类型
+    changeWpShowType(index, showType){
+      this.wpmap[index].showType = showType;
+    },
+
+    changeDate(type){
+      this.type = type;
+      this.requestData();
+    }
+  }
 };
 </script>
 

src/views/Home/Home.vue

@@ -696,7 +696,6 @@ export default {
 
     // 打开弹窗
     openDialog(dialogTitle, subUrl, targetName, dialogType){
-      console.log(123123,dialogType)
       this.dialogTitle = dialogTitle;
       let that = this;
       that.API.requestData({