PaiGram/resources/genshin/calendar/example.html
2023-02-16 16:47:48 +08:00

199 lines
9.3 KiB
HTML
Raw Blame History

This file contains ambiguous Unicode characters

This file contains Unicode characters that might be confused with other characters. If you think that this is intentional, you can safely ignore this warning. Use the Escape button to reveal them.

<!DOCTYPE html>
<html lang="zh-cn">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width">
<link rel="shortcut icon" href="#"/>
<link rel="stylesheet" type="text/css" href="common.css"/>
<title>miao-plugin</title>
<link rel="stylesheet" type="text/css" href="calendar.css"/>
</head>
<body class="elem-hydro calendar-mode" style=transform:scale(1)>
<div class="container elem-bg" id="container">
<div class="calendar">
<div class="cal-bg for-calendar-mode">
<table class="cont-table" border-collapse="collapse">
<tr class="tr thead">
<td colspan="13" class="td month">2月</td>
</tr>
<tr class="tr thead">
<td class="td date">
<span class="date-num">9日</span>
<span class="date-week">周四</span>
</td>
<td class="td date">
<span class="date-num">10日</span>
<span class="date-week">周五</span>
</td>
<td class="td date">
<span class="date-num">11日</span>
<span class="date-week">周五</span>
</td>
<td class="td date">
<span class="date-num">12日</span>
<span class="date-week">周五</span>
</td>
<td class="td date">
<span class="date-num">13日</span>
<span class="date-week">周五</span>
</td>
<td class="td date">
<span class="date-num">14日</span>
<span class="date-week">周五</span>
</td>
<td class="td date current-date">
<span class="date-num">15日</span>
<span class="date-week">周五</span>
</td>
<td class="td date">
<span class="date-num">16日</span>
<span class="date-week">周五</span>
</td>
<td class="td date">
<span class="date-num">17日</span>
<span class="date-week">周五</span>
</td>
<td class="td date">
<span class="date-num">18日</span>
<span class="date-week">周五</span>
</td>
<td class="td date">
<span class="date-num">19日</span>
<span class="date-week">周五</span>
</td>
<td class="td date">
<span class="date-num">20日</span>
<span class="date-week">周五</span>
</td>
<td class="td date">
<span class="date-num">21日</span>
<span class="date-week">周五</span>
</td>
</tr>
<tr class="tr">
<td class="line">
</td>
<td class="line">
</td>
<td class="line">
</td>
<td class="line">
</td>
<td class="line">
</td>
<td class="line">
</td>
<td class="line current-date">
</td>
<td class="line">
</td>
<td class="line">
</td>
<td class="line">
</td>
<td class="line">
</td>
<td class="line">
</td>
<td class="line">
</td>
</tr>
</table>
</div>
<div class="cal-bg for-list-mode">
<table class="cont-table" border-collapse="collapse">
<tr class="tr thead">
<td class="td month">活动列表</td>
</tr>
<tr class="tr">
<td class="line"></td>
</tr>
</table>
</div>
<div class="cal-list char-2-2 char-num-0">
<div class="cal-abyss-cont">
<div class="cal-item type-abyss" style="left:0.0%;width:55.12811609691518%">
<div class="info">
<img src="img/abyss-icon.png" class="cal-icon"/>
<strong>「深境螺旋」· 2月上半</strong>
<span>02-01 04:00 ~ 02-16 03:59 (5小时2分钟后结束)</span>
</div>
</div>
<div class="cal-item type-abyss" style="left:55.1282051282542%;width:44.8717948717458%">
<div class="info">
<img src="img/abyss-icon.png" class="cal-icon"/>
<strong>「深境螺旋」· 2月下半</strong>
<span>02-16 04:00 (5小时2分钟后开始)</span>
</div>
</div>
</div>
<div
class="cal-item type-weapon li-col"
style="margin-left:0.0%;width:100.0%"
data-id="3429"
data-type="weapon">
<div class="banner" style="background-image:url('https://webstatic.mihoyo.com/upload/ann/2022/12/28/d9e5b0f28d65bc817d44cd1170f6b9a2_5522946055662469236.jpg')"></div>
<div class="info">
<img src='https://uploadstatic.mihoyo.com/announcement/2020/03/05/2cf7327b5fb2c050872ead29e338e368_7400353291716098710.png' class="cal-icon"/>
<strong>「神铸赋形」祈愿「护摩之杖」「若水」概率UP</strong>
<span>02-07 18:00 ~ 02-28 14:59 (12天15小时56分钟后结束)</span>
</div>
</div>
<div
class="cal-item type-activity li-col"
style="margin-left:0.0%;width:100.0%"
data-id="3420"
data-type="activity">
<div class="banner" style="background-image:url('https://webstatic.mihoyo.com/upload/ann/2022/12/28/dfdb4fe78124efbd888bb11d90481e3b_1185432047750172096.jpg')"></div>
<div class="info">
<img src='https://uploadstatic.mihoyo.com/announcement/2020/03/05/f3016cc0dbe3f9c2305566742ae5927f_1830032474842461374.png' class="cal-icon"/>
<strong>「花时来信」神里绫华衣装限时折扣</strong>
<span>01-18 11:00 ~ 02-27 03:59 (11天4小时56分钟后结束)</span>
</div>
</div>
<div
class="cal-item type-pass li-col"
style="margin-left:0.0%;width:100.0%"
data-id="3421"
data-type="pass">
<div class="banner" style="background-image:url('https://webstatic.mihoyo.com/upload/ann/2022/12/28/760d459815947d53014f57497228d35b_8021829647860262889.jpg')"></div>
<div class="info">
<img src='https://uploadstatic.mihoyo.com/announcement/2020/03/05/f3016cc0dbe3f9c2305566742ae5927f_1830032474842461374.png' class="cal-icon"/>
<strong>「合韵纪行」活动说明</strong>
<span>01-18 11:00 ~ 02-27 03:59 (11天4小时56分钟后结束)</span>
</div>
</div>
<div
class="cal-item type-character li-idx-1 li-col1"
style="margin-left:0.0%;width:100.0%"
data-id="3427"
data-type="character">
<div class="banner" style="background-image:url('https://webstatic.mihoyo.com/upload/ann/2022/12/28/fdae43817589c40f9116aee1bc08f429_773289207622522746.jpg')"></div>
<div class="info">
<img src="" class="character-img"/>
<strong>胡桃</strong>
<span>02-07 18:00 ~ 02-28 14:59 (12天15小时56分钟后结束)</span>
</div>
</div>
<div
class="cal-item type-normal li-col"
style="margin-left:0.0%;width:100.0%"
data-id="3469"
data-type="normal">
<div class="info">
<img src='https://uploadstatic.mihoyo.com/announcement/2020/03/05/f3016cc0dbe3f9c2305566742ae5927f_1830032474842461374.png' class="cal-icon"/>
<strong>【有奖活动】「磬弦奏华夜」3.4版本攻略征集活动</strong>
<span>01-18 18:00 ~ 02-26 23:59 (11天55分钟后结束)</span>
</div>
</div>
</div>
<div class="now-line" style="left:53.5461451299444%"></div>
<div class="now-line line2" style="left:53.5461451299444%"></div>
</div>
<div class="now-time">
<span>当前时间2023-02-15 23:03</span>
</div>
<div class="copyright">Inspired By Miao-Plugin</div>
</div>
</body>
</html>