|
|
|
@ -2,7 +2,7 @@ |
|
|
|
|
<div class="p-pages-header"> |
|
|
|
|
<div class="p-pages-header-left"> |
|
|
|
|
<div class="p-header-weather"> |
|
|
|
|
<img class="p-header-weather-img" src="http://weather.huajingyun.com/img/weather/sun.png" alt="晴"> |
|
|
|
|
<div class="p-today-icon" :class="'qi-'+WeatherTodayData.icon+'-fill'"></div> |
|
|
|
|
<div class="p-header-weather-right"> |
|
|
|
|
<div class="p-header-weather-text">{{ WeatherTodayData.text }}</div> |
|
|
|
|
<div class="p-header-weather-temperature">{{ WeatherTodayData.temp }}℃</div> |
|
|
|
@ -476,4 +476,11 @@ export default { |
|
|
|
|
-webkit-text-fill-color: transparent; |
|
|
|
|
} |
|
|
|
|
} |
|
|
|
|
.p-today-icon { |
|
|
|
|
font-size: 20px; margin-right: 5px; |
|
|
|
|
background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, #ffb900), color-stop(50%, #ff8603), to(#ffb900)); |
|
|
|
|
background-image: linear-gradient(to top, #ffb900 0, #ff8603 50%, #ffb900 100%); |
|
|
|
|
-webkit-background-clip: text; |
|
|
|
|
-webkit-text-fill-color: transparent; |
|
|
|
|
} |
|
|
|
|
</style> |
|
|
|
|