|
@@ -2,9 +2,9 @@
|
|
|
<div class="box">
|
|
|
<p class="boxCity">{{weatcherData.city}}</p>
|
|
|
<p class="boxWeather">{{weatcherData.weather}}<br>
|
|
|
- <label class="boxTemperature">
|
|
|
- {{weatcherData.temperature_float}}°
|
|
|
- </label>
|
|
|
+ <label class="boxTemperature">
|
|
|
+ {{weatcherData.temperature_float}}°
|
|
|
+ </label>
|
|
|
</p>
|
|
|
|
|
|
|
|
@@ -37,7 +37,7 @@
|
|
|
// version: 'v91'
|
|
|
}
|
|
|
}).then(res => {
|
|
|
-
|
|
|
+
|
|
|
if (res.data.lives) {
|
|
|
this.weatcherData = res.data.lives[0];
|
|
|
}
|
|
@@ -50,6 +50,17 @@
|
|
|
</script>
|
|
|
|
|
|
<style scoped>
|
|
|
+ @charset "UTF-8";
|
|
|
+
|
|
|
+ @font-face {
|
|
|
+ font-family: "TTTGB-Medium";
|
|
|
+ src: url("@/assets/fonts/fonts/TTTGB-Medium.ttf") format("truetype"),
|
|
|
+ url("@/assets/fonts/fonts/TTTGB-Medium.eot") format("embedded-opentype"),
|
|
|
+ url("@/assets/fonts/fonts/TTTGB-Medium.svg") format("svg");
|
|
|
+ font-weight: normal;
|
|
|
+ font-style: normal;
|
|
|
+ }
|
|
|
+
|
|
|
.box {
|
|
|
display: flex;
|
|
|
align-items: center;
|
|
@@ -63,16 +74,19 @@
|
|
|
|
|
|
.boxWeather {
|
|
|
font-size: 14rem;
|
|
|
+ font-family: "TTTGB-Medium", sans-serif !important;
|
|
|
margin: 0 0 0 15rem;
|
|
|
}
|
|
|
|
|
|
.boxWind {
|
|
|
margin: 0 15rem 0 8rem;
|
|
|
+ font-family: "TTTGB-Medium", sans-serif !important;
|
|
|
font-size: 14rem;
|
|
|
|
|
|
}
|
|
|
|
|
|
.boxCity {
|
|
|
+ font-family: "TTTGB-Medium", sans-serif !important;
|
|
|
font-size: 16rem;
|
|
|
}
|
|
|
</style>
|