mirror of
https://github.com/zhenxun-org/zhenxun_bot.git
synced 2026-10-04 19:29:59 +08:00
✨ 签到ui改版
This commit is contained in:
@@ -0,0 +1,78 @@
|
||||
|
||||
</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}}" alt="">
|
||||
</div>
|
||||
<div style="position: relative;">
|
||||
<p class="nickname">{{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>
|
||||
Reference in New Issue
Block a user