✨ 轻雪天气更新

2025-11-04 00:36:26 +00:00 · 2024-04-27 02:20:44 +08:00
parent 9cfdd375ca
commit 86c7b70e63
107 changed files with 616 additions and 273 deletions
--- a/liteyuki/resources/liteyuki_weather/templates/css/weather_now.css
+++ b/liteyuki/resources/liteyuki_weather/templates/css/weather_now.css
@@ -0,0 +1,184 @@
+:root {
+    --main-text-color: #fff;
+    --sub-text-color: #ccc;
+    --tip-text-color: #999;
+    --device-info-width: 240px;
+    --sub-border-radius: 60px;
+}
+
+#weather-info {
+    color: white;
+    /*justify-content: center;*/
+    /*align-items: center;*/
+    /*align-content: center;*/
+}
+
+.icon {
+/*    icon 类img阴影*/
+    filter: drop-shadow(1px 1px 10px #00000044);
+}
+
+#main-info {
+    display: flex;
+    justify-content: center;
+    align-items: center;
+}
+
+#main-left {
+    display: flex;
+    justify-content: flex-end;
+    width: 50%;
+}
+
+#main-right {
+    width: 50%;
+}
+
+#time {
+    font-size: 25px;
+    font-weight: bold;
+    font-style: italic;
+    text-align: right;
+    color: var(--sub-text-color);
+
+}
+
+#adm {
+    font-size: 32px;
+    font-weight: bold;
+    text-align: center;
+    color: var(--sub-text-color);
+}
+
+#city {
+    margin-top: 20px;
+    font-size: 70px;
+    font-weight: bold;
+    text-align: center;
+}
+
+#temperature {
+    display: flex;
+    align-items: baseline;
+
+}
+
+#temperature-now {
+    font-size: 70px;
+    font-weight: bold;
+}
+
+#temperature-range {
+    font-size: 40px;
+    font-weight: bold;
+    color: var(--sub-text-color);
+}
+
+#description {
+    font-size: 50px;
+    font-weight: bold;
+}
+
+
+#aqi {
+    height: 50px;
+    display: flex;
+    border-radius: 60px;
+    padding: 5px;
+    font-size: 40px;
+    text-align: center;
+    align-content: center;
+    align-items: center;
+    justify-content: center;
+}
+
+#aqi-dot {
+    height: 80%;
+    aspect-ratio: 1 / 1;
+    border-radius: 50%;
+    background-color: var(--sub-text-color);
+    margin-right: 20px;
+}
+
+.main-icon {
+    width: 240px;
+    height: 240px;
+}
+
+#hours-info {
+    display: flex;
+    justify-content: space-between;
+}
+
+.hourly-item {
+    text-align: center;
+    background-color: #ffffff44;
+    border-radius: var(--sub-border-radius);
+    align-items: center;
+    padding: 20px 10px;
+}
+
+.hourly-icon{
+    width: 80%;
+    margin-bottom: 20px;
+}
+
+.hourly-temperature {
+    text-align: center;
+    color: var(--main-text-color);
+    font-size: 30px;
+    margin-bottom: 20px;
+}
+
+.hourly-time {
+    text-align: center;
+    color: var(--main-text-color);
+    font-size: 25px;
+    margin-bottom: 10px;
+}
+
+/**/
+.daily-item {
+    display: flex;
+    position: relative;
+    justify-content: space-between;
+    align-items: center;
+    background-color: #ffffff44;
+    height: 90px;
+    border-radius: var(--sub-border-radius);
+    margin-bottom: 20px;
+    padding: 0 30px;
+}
+
+/*最后一个没有margin_button*/
+.daily-item:last-child {
+    margin-bottom: 0;
+}
+
+.icon-day {
+    position: absolute;
+    left: 60%;
+    height: 80px;
+}
+
+.icon-night {
+    position: absolute;
+    left: 70%;
+    height: 80px;
+}
+
+.daily-weather{
+    position: absolute;
+    left: 30%;
+}
+
+.daily-temperature{
+    position: absolute;
+    left: 83%;
+}
+
+.daily-day, .daily-weather, .daily-temperature {
+    text-align: center;
+    color: var(--main-text-color);
+    font-size: 30px;
+}