zhenxun_bot/resources/template/sign/main.html
2024-09-29 17:00:31 +08:00

81 lines
3.1 KiB
HTML

</html>
<!DOCTYPE html>
<html lang="zh-cn">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>test</title>
<!-- <link rel="stylesheet" href="./res/font-awesome/css/font-awesome.min.css"> -->
<link rel="stylesheet" href="main.css">
</head>
<body>
<div class="wrapper">
<div class="top-head">
<div style="display: flex;">
<div class="avatar">
<img class="avatar-img" src="{{data.ava_url}}" alt="">
</div>
<div style="position: relative;">
<p class="nickname" style="font-size: {{ data.font_size }}px;">{{data.name}}</p>
<p class="uid">UID:{{data.uid}}</p>
</div>
</div>
</div>
<div class="sign-content">
<div class="sign-bottom">
</div>
<div class="sign-top">
<img class="rl-img" class="avatar-img" src="res/img/rl.png" alt="">
<img class="zx-img" class="avatar-img" src="res/img/1.png" alt="">
<p class="text-day">累计签到{{data.sign_count}}天</p>
<p class="text-zx">{{data.message}}</p>
</div>
</div>
<div class="sign-data">
<img class="qian" src="res/img/3.png" alt="">
<p class="today-text">今日签到</p>
<div class="abs-text" style="top: 42px;">
<p class="gift">{{data.impression}}</p>
</div>
<div class="abs-text" style="top: 83px;">
<p class="gift">{{data.gold}}</p>
</div>
<div class="abs-text" style="top: 123px;">
<p class="gift">{{data.gift}}</p>
</div>
</div>
<div class="line"></div>
<div class="bottom-foot">
<p class="cur-text">当前好感度: {{data.cur_impression}}</p>
<div class="heart-list">
{% for i in data.heart2 %}
<img class="heart-img" src="res/img/h2.png" alt="" />
{% endfor %}
{% for i in data.heart1 %}
<img class="heart-img" src="res/img/h1.png" alt="" />
{% endfor %}
</div>
<div class="bot-text">
<p style="position: absolute; top: 9px">好感度等级: {{data.level}}</p>
<p style="position: absolute; top: 58px">{{data.attitude}}</p>
<p style="position: absolute; top: 111px"">距离升级还差{{data.interpolation}}好感度</p>
</div>
<div class=" progress-border">
<div class="progress-bar" style="width: {{ data.process }}%;"></div>
</div>
<img class="weather-img" src="res/img/weather/0.png" alt="">
<p class="wd">28℃</p>
<img class="mbl-img" src="res/img/2.png" alt="">
<div class="date">
{{data.date}}
</div>
</div>
</div>
</body>
<script type="text/javascript" src="main.js">
</script>
</html>