You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
taicangZongzhi/public/static/weather/weather.html

120 lines
2.3 KiB

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
<style>
.spth_win {
width: 320px;
height: 564px !important;
z-index: 9999;
position: absolute;
left: calc(50% - 142px);
top: calc(50% - 254px) !important;
}
.spth_control {
position: absolute;
bottom: 30px;
left: 18px;
width: 284px;
height: 100px;
display: flex;
align-items: center;
z-index: 999;
}
.loading {
width: 150px;
height: 30px;
font-size: 20px;
line-height: 20px;
position: absolute;
top: calc(50% - 55px);
left: calc(50% - 75px);
z-index: 998;
color: #fff;
}
.spth_control_left {
width: 170px;
display: flex;
flex-direction: column;
justify-content: center;
}
.spth_control_left p, .spth_control_left span {
font-size: 18px;
}
.spth_control_left p {
color: #11D0C9;
margin: 10px 0 0 20px;
}
.spth_control_right {
width: 90px;
}
.callOver {
width: 28px;
height: 28px;
margin-top: 15px;
background: url(images/callOver.png) no-repeat;
}
/* .hang_up::before {
background: url("images/callOver.png") no-repeat;
width: 26px;
height: 8px;
display: block;
margin-bottom: 10px;
}
.hang_up::after {
content: '通话结束';
} */
.open_btn {
height: 50px;
width: 200px;
font-size: 25px;
border: 2px solid red;
border-radius: 15px;
text-align: center;
line-height: 50px;
cursor: pointer
}
</style>
</head>
<body>
<div id="weather-v2-plugin-simple"></div>
</body>
<script>
WIDGET = {
CONFIG: {
"modules": "0234",
"background": 5,
"tmpColor": "FFFFFF",
"tmpSize": 18,
"cityColor": "4A4A4A",
"citySize": 16,
"aqiSize": 16,
"weatherIconSize": 24,
"alertIconSize": 18,
"padding": "25px 10px 10px 10px",
"shadow": "1",
"language": "zh",
"borderRadius": 5,
"fixed": "true",
"vertical": "top",
"horizontal": "center",
"key": "UWPnWQqHMZ"
}
}
</script>
<script src="https://apip.weatherdt.com/simple/static/js/weather-simple-common.js?v=2.0"></script>
</html>