Feat(AI):天气和日历对接

2025-05-21 15:39:23 +08:00
parent 20fc34673d
commit 243460eb39
5 changed files with 206 additions and 3 deletions
@@ -1036,4 +1036,113 @@ page {
 			height: 38rpx;
 		}
 	}
+}
+.weather-holiday-wrap {
+	display: flex;
+	align-items: center;
+	justify-content: space-between;
+	padding: 0 24rpx 48rpx 24rpx;
+	.data-wrap {
+		width: calc(50% - 12rpx);
+		height: 288rpx;
+		padding: 20rpx;
+		border-radius: 20rpx;
+		box-sizing: border-box;
+		background-color: #fff;
+		box-shadow: 0rpx 0rpx 20rpx rgba(0,0,0,0.16);
+	}
+	.weather-data {
+		.title {
+			display: flex;
+			align-items: center;
+			color: #3D4CF1;
+			.icon {
+				display: block;
+				width: 100rpx;
+				height: 100rpx;
+				margin: 0 12rpx 0 0;
+			}
+			.tem-wrap {
+				display: flex;
+				align-items: baseline;
+			}
+			.tem {
+				font-size: 70rpx;
+				line-height: 70rpx;
+				font-weight: bold;
+			}
+			.unit {
+				font-size: 36rpx;
+				line-height: 36rpx;
+			}
+		}
+		.loca {
+			display: flex;
+			padding: 24rpx 0;
+			font-size: 26rpx;
+			line-height: 36rpx;
+			color: #333;
+			.addr {
+				display: flex;
+				align-items: center;
+				.icon {
+					display: block;
+					width: 24rpx;
+					height: 24rpx;
+					margin: 0 4rpx 0 0;
+				}
+			}
+			.tem-range {
+				padding: 0 0 0 24rpx;
+			}
+		}
+		.content {
+			color: #3D4CF1;
+			font-size: 26rpx;
+			line-height: 36rpx;
+		}
+	}
+	.holiday-data {
+		.title {
+			display: flex;
+			font-size: 24rpx;
+			color: #333;
+			line-height: 36rpx;
+			.day {
+				margin: 0 8rpx 0 0;
+				color: #3D4CF1;
+				font-size: 28rpx;
+			}
+		}
+		.desc {
+			font-size: 24rpx;
+			color: #333;
+			line-height: 36rpx;
+		}
+		.tip {
+			display: flex;
+			flex-wrap: wrap;
+			padding: 20rpx 0 0 0;
+			.label {
+				display: block;
+				width: 32rpx;
+				height: 32rpx;
+				margin: 0 12rpx 0 0;
+				border-radius: 8rpx;
+				text-align: center;
+				line-height: 32rpx;
+				font-size: 24rpx;
+				color: #fff;
+				background-color: #3D4CF1;
+			}
+			.label2 {
+				background-color: #C52733;
+			}
+			.content {
+				width: calc(100% - 44rpx);
+				margin: -6rpx 0 0 0;
+				font-size: 24rpx;
+			}
+		}
+	}
 }