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.
120 lines
2.3 KiB
120 lines
2.3 KiB
1 year ago
|
<!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>
|