mirror of
https://github.com/zhenxun-org/zhenxun_bot.git
synced 2026-09-29 08:39:59 +08:00
✨ 资源下载分离 (#1814)
* 🚀 资源文件单独下载，分离被动任务初始化 * 🔥 移除resources文件夹 * 🚀 优化版本更新逻辑，增加资源下载异常处理 * 🚀 增加资源下载失败异常处理及提示信息 * 🚀 增加资源下载选项及异常处理优化 * 🚀 移除空ID检查及资源更新条件处理 * ✨ 简易配置中未加载的配置将被移除 * 🐛 测试更新 * ✨ 修复更新完成消息格式 --------- Co-authored-by: Flern <cb56ec362bbbfb5272eb941281299d8d-qq_connect@git.osc>
This commit is contained in:
HibiKier
Binary file not shown.
|
Before Width: | Height: | Size: 393 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 176 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 654 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 365 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 290 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 415 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 608 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 499 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 596 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 745 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 349 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 1.0 MiB |
@@ -1,7 +0,0 @@
|
||||
|
||||
body {
|
||||
position: absolute;
|
||||
left: -8px;
|
||||
top: -8px;
|
||||
}
|
||||
|
||||
@@ -1,108 +0,0 @@
|
||||
<!DOCTYPE html>
|
||||
<html>
|
||||
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<title>ECharts Example</title>
|
||||
<!-- 引入ECharts -->
|
||||
<script src="../js/echarts.min.js"></script>
|
||||
<link rel="stylesheet" href="main.css">
|
||||
</head>
|
||||
|
||||
<body>
|
||||
<!-- 图表容器 -->
|
||||
<div class="container">
|
||||
<div id="main" style="height: 1000px; width: 1000px;">
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<script type="text/javascript">
|
||||
// 基于准备好的dom，初始化echarts实例
|
||||
var myChart = echarts.init(document.getElementById('main'));
|
||||
|
||||
// 指定图表的配置项和数据
|
||||
var option = {
|
||||
title: {
|
||||
text: {{data.title | tojson}},
|
||||
left: 'center',
|
||||
top: 'top',
|
||||
textStyle: {
|
||||
color: '#333',
|
||||
fontSize: 24
|
||||
}
|
||||
},
|
||||
graphic: {
|
||||
type: 'image',
|
||||
id: 'background',
|
||||
left: 0,
|
||||
top: 0,
|
||||
z: -10,
|
||||
bounding: 'raw',
|
||||
origin: [0, 0],
|
||||
|
||||
},
|
||||
xAxis: {
|
||||
type: 'value',
|
||||
boundaryGap: [0, 0.01]
|
||||
},
|
||||
yAxis: {
|
||||
type: 'category',
|
||||
data: {{data.category_data | tojson}}
|
||||
},
|
||||
series: [{
|
||||
data: {{data.data | tojson}},
|
||||
type: 'bar',
|
||||
label: {
|
||||
show: true, // 显示标签
|
||||
position: 'right', // 数字显示在柱子上方
|
||||
formatter: '{c}' // 显示数值
|
||||
},
|
||||
itemStyle: {
|
||||
// 为每个柱子设置随机颜色
|
||||
color: function () {
|
||||
// 生成一个随机颜色
|
||||
return 'rgb(' +
|
||||
Math.round(Math.random() * 255) + ',' +
|
||||
Math.round(Math.random() * 255) + ',' +
|
||||
Math.round(Math.random() * 255) + ')';
|
||||
}
|
||||
}
|
||||
}]
|
||||
};
|
||||
|
||||
// 使用刚指定的配置项和数据显示图表。
|
||||
myChart.setOption(option);
|
||||
</script>
|
||||
</body>
|
||||
|
||||
</html>
|
||||
<style>
|
||||
.container {
|
||||
position: relative;
|
||||
width: 1000px;
|
||||
height: 1000px;
|
||||
overflow: hidden;
|
||||
}
|
||||
|
||||
.container::before {
|
||||
content: "";
|
||||
position: absolute;
|
||||
top: 0;
|
||||
left: 0;
|
||||
right: 0;
|
||||
bottom: 0;
|
||||
background-image: url({{data.background_image|tojson}});
|
||||
background-repeat: no-repeat;
|
||||
background-size: 100% 100%;
|
||||
background-size: cover;
|
||||
filter: blur(5px);
|
||||
z-index: -1;
|
||||
}
|
||||
|
||||
#main {
|
||||
position: relative;
|
||||
z-index: 1;
|
||||
/* 其他内容样式 */
|
||||
}
|
||||
|
||||
</style>
|
||||
@@ -1,182 +0,0 @@
|
||||
|
||||
|
||||
@font-face {
|
||||
font-family: fzrzFont;
|
||||
/* 导入的字体文件 */
|
||||
src: url("../../font/fzrzExtraBold.ttf");
|
||||
}
|
||||
|
||||
|
||||
|
||||
|
||||
body {
|
||||
position: absolute;
|
||||
left: -8px;
|
||||
top: -8px;
|
||||
}
|
||||
|
||||
.wrapper{
|
||||
height: 750px;
|
||||
width: 395px;
|
||||
background-color: antiquewhite;
|
||||
position: relative;
|
||||
}
|
||||
|
||||
.top-image {
|
||||
height: 215px;
|
||||
width: 395px;
|
||||
}
|
||||
|
||||
.abs-image {
|
||||
height: 426px;
|
||||
width: 93px;
|
||||
position: absolute;
|
||||
right: 39px;
|
||||
top: 240px;
|
||||
}
|
||||
|
||||
.bot-text {
|
||||
height: 55px;
|
||||
width: 335px;
|
||||
position: relative;
|
||||
padding: 0 30px;
|
||||
margin-top: 10px;
|
||||
}
|
||||
|
||||
.main {
|
||||
height: 444px;
|
||||
width: 335px;
|
||||
padding: 0 30px;
|
||||
position: relative;
|
||||
}
|
||||
|
||||
.title {
|
||||
background-color: #EB869D;
|
||||
height: 32px;
|
||||
font-family: 'fzrzFont';
|
||||
color: white;
|
||||
width: max-content;
|
||||
border-radius: 20px;
|
||||
padding: 0 10px;
|
||||
float: left;
|
||||
margin-top: 10px;
|
||||
}
|
||||
|
||||
.title-n {
|
||||
height: 23px;
|
||||
width: 23px;
|
||||
border-radius: 50%;
|
||||
background-color: white;
|
||||
position: absolute;
|
||||
left: 36px;
|
||||
top: 15px;
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
}
|
||||
|
||||
.title-a {
|
||||
background-color: #ED859E;
|
||||
height: 19px;
|
||||
width: 19px;
|
||||
border-radius: 50%;
|
||||
}
|
||||
|
||||
.network {
|
||||
display: flex;
|
||||
margin-left: 10px;
|
||||
}
|
||||
|
||||
.network-item {
|
||||
font-family: 'fzrzFont';
|
||||
color: #EC859F;
|
||||
display: flex;
|
||||
justify-items: center;
|
||||
align-items: center;
|
||||
margin-left: 20px;
|
||||
}
|
||||
|
||||
.network-status {
|
||||
height: 10px;
|
||||
width: 10px;
|
||||
border-radius: 50%;
|
||||
margin-left: 5px;
|
||||
}
|
||||
|
||||
.network-text {
|
||||
margin-left: 5px;
|
||||
}
|
||||
|
||||
.network-item {
|
||||
margin-top: 10px;
|
||||
}
|
||||
|
||||
.data-status-item {
|
||||
margin-top: 10px;
|
||||
}
|
||||
|
||||
.data-status {
|
||||
width: 100%;
|
||||
height: 240px;
|
||||
/* background-color:blueviolet; */
|
||||
margin-top: 22px;
|
||||
}
|
||||
|
||||
.data-status-item {
|
||||
display: flex;
|
||||
font-family: 'fzrzFont';
|
||||
font-size: 15px;
|
||||
line-height: 18.5px;
|
||||
height: 50px;
|
||||
}
|
||||
|
||||
.process {
|
||||
height: 28px;
|
||||
width: 105px;
|
||||
border: #ED859E 4px solid;
|
||||
border-radius: 30px;
|
||||
overflow: hidden;
|
||||
}
|
||||
|
||||
.process-bar {
|
||||
height: 28px;
|
||||
width: 30px;
|
||||
background-color: #EB869D;
|
||||
border-top-right-radius: 30px;
|
||||
border-bottom-right-radius: 30px;
|
||||
}
|
||||
|
||||
.data-status-item-text {
|
||||
margin-left: 10px;
|
||||
color: #EC839D;
|
||||
}
|
||||
|
||||
.line {
|
||||
background-color: #EC859F;
|
||||
height: 2px;
|
||||
width: 100%;
|
||||
border-radius: 20px;
|
||||
}
|
||||
|
||||
.status-text {
|
||||
font-family: 'fzrzFont';
|
||||
color: #EC859F;
|
||||
height: 185px;
|
||||
}
|
||||
|
||||
.status-text-title {
|
||||
/* height: 25%; */
|
||||
display: flex;
|
||||
/* justify-content: center; */
|
||||
align-items: center;
|
||||
font-size: 14px;
|
||||
}
|
||||
|
||||
.tip {
|
||||
font-family: 'fzrzFont';
|
||||
color: #ecbac7;
|
||||
font-size: 10px;
|
||||
position: absolute;
|
||||
right: 5px;
|
||||
bottom: 1px;
|
||||
}
|
||||
@@ -1,87 +0,0 @@
|
||||
<!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">
|
||||
<img class="top-image" src="res/img/top.jpg"></img>
|
||||
<img class="abs-image" src="res/img/bk.png"></img>
|
||||
<div class="bot-text">
|
||||
<div class="title">
|
||||
<div class="title-n">
|
||||
<div class="title-a"></div>
|
||||
</div>
|
||||
<span style="margin-left: 22px;">{{data.nickname}}自检</span>
|
||||
</div>
|
||||
<div class="network">
|
||||
<div class="network-item">BaiDu<span class="network-status"
|
||||
style="background-color: {{data.baidu}}; border: 1px solid {{data.baidu}}"></span></div>
|
||||
<div class="network-item">Google<span class="network-status"
|
||||
style="background-color: {{data.google}}; border: 1px solid {{data.google}}"></span></div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="main">
|
||||
<div class="data-status">
|
||||
<div class="data-status-item">
|
||||
<div class="process">
|
||||
<div class="process-bar" style="width: {{data.cpu_process}}%;"></div>
|
||||
</div>
|
||||
<div class="data-status-item-text">
|
||||
<div>CPU</div>
|
||||
<!-- <div style="font-size: 13px;">0.8% - 3.5Ghz [14core]</div> -->
|
||||
<div style="font-size: 13px;">{{data.cpu_info}}</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="data-status-item">
|
||||
<div class="process">
|
||||
<div class="process-bar" style="width: {{data.ram_process}}%;"></div>
|
||||
</div>
|
||||
<div class="data-status-item-text">
|
||||
<div>RAM</div>
|
||||
<div>{{data.ram_info}}</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="data-status-item">
|
||||
<div class="process">
|
||||
<div class="process-bar" style="width: {{data.swap_process}}%;"></div>
|
||||
</div>
|
||||
<div class="data-status-item-text">
|
||||
<div>SWAP</div>
|
||||
<div>{{data.swap_info}}</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="data-status-item">
|
||||
<div class="process">
|
||||
<div class="process-bar" style="width: {{data.disk_process}}%;"></div>
|
||||
</div>
|
||||
<div class="data-status-item-text">
|
||||
<div>DISK</div>
|
||||
<div>{{data.disk_info}}</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="line"></div>
|
||||
<div class="status-text">
|
||||
<p class="status-text-title">CPU <span
|
||||
style="font-size: 12px;line-height: 18.5px;">{{data.brand_raw}}</span></p>
|
||||
<p class="status-text-title">SYSTEM <span
|
||||
style="font-size: 13px;line-height: 18.5px;">{{data.system}}</span></p>
|
||||
<p class="status-text-title">VERSION <span>{{data.version}}</span></p>
|
||||
<p class="status-text-title">PLUGINS <span>{{data.plugin_count}} loaded</span></p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="tip">Create By Zhenxun</div>
|
||||
</div>
|
||||
</body>
|
||||
<script type="text/javascript" src="main.js">
|
||||
</script>
|
||||
|
||||
</html>
|
||||
Binary file not shown.
|
Before Width: | Height: | Size: 57 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 209 KiB |
@@ -1,100 +0,0 @@
|
||||
|
||||
|
||||
@font-face {
|
||||
font-family: fzrzFont;
|
||||
/* 导入的字体文件 */
|
||||
src: url("../../font/fzrzExtraBold.ttf");
|
||||
}
|
||||
|
||||
body {
|
||||
position: absolute;
|
||||
left: -8px;
|
||||
top: -8px;
|
||||
}
|
||||
|
||||
.wrapper{
|
||||
width: 1400px;
|
||||
position: relative;
|
||||
background-image: url('res/img/bk.jpg');
|
||||
background-size: cover;
|
||||
font-family: 'cr105Font';
|
||||
padding: 20px;
|
||||
}
|
||||
|
||||
|
||||
.title {
|
||||
font-size: 60px;
|
||||
font-family: 'fzrzFont';
|
||||
/* margin-left: 40px; */
|
||||
/* color: #F67186; */
|
||||
background: linear-gradient(to right, #F67186, #F7889C);
|
||||
-webkit-background-clip: text;
|
||||
background-clip: text;
|
||||
color: transparent;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.main {
|
||||
background-image: url('res/img/main.png');
|
||||
background-size: 100% 100%;
|
||||
/* background-size: cover; */
|
||||
height: 100%;
|
||||
width: 1370px;
|
||||
position: relative;
|
||||
padding: 20px;
|
||||
/* box-shadow: 5px 5px 10px 0 rgba(0,0,0,0.5); */
|
||||
}
|
||||
|
||||
.items-border {
|
||||
display: flex;
|
||||
flex-wrap: wrap;
|
||||
padding-left: 18px;
|
||||
}
|
||||
|
||||
.items {
|
||||
border: #F67186 2px solid;
|
||||
border-radius: 20px;
|
||||
width: 675px;
|
||||
padding: 30px;
|
||||
max-width: 600px;
|
||||
}
|
||||
|
||||
.item-title {
|
||||
background-image: url('res/img/title.png');
|
||||
background-size: cover;
|
||||
background-repeat: no-repeat;
|
||||
height: 55px;
|
||||
width: 350px;
|
||||
font-family: 'fzrzFont';
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
color: white;
|
||||
font-size: 35px;
|
||||
border-radius: 16px;
|
||||
letter-spacing:4px;
|
||||
}
|
||||
|
||||
.usage-title {
|
||||
font-size: 30px;
|
||||
position: absolute;
|
||||
top: -30px;
|
||||
}
|
||||
|
||||
.item-des {
|
||||
color: #F78094;
|
||||
border-radius: 20px;
|
||||
font-family: 'fzrzFont';
|
||||
font-size: 30px;
|
||||
padding: 10px;
|
||||
}
|
||||
|
||||
.item-usage {
|
||||
color: #F78094;
|
||||
border-radius: 20px;
|
||||
font-family: 'fzrzFont';
|
||||
font-size: 20px;
|
||||
border: #F67186 5px dotted;
|
||||
padding: 60px 10px 10px 10px;
|
||||
position: relative;
|
||||
}
|
||||
@@ -1,62 +0,0 @@
|
||||
<!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="main">
|
||||
<div class="title">
|
||||
{{data.nickname}}的{{data.help_name}}帮助
|
||||
</div>
|
||||
<div class="items-border">
|
||||
{% for plugin in data['plugin_list'] %}
|
||||
<div class="items">
|
||||
<div class="item-title">
|
||||
{{plugin.name}}
|
||||
</div>
|
||||
<div class="item-des">
|
||||
简介: {{plugin.description}}
|
||||
</div>
|
||||
<div class="item-usage">
|
||||
<p class="usage-title">用法:</p>
|
||||
{{plugin.usage}}
|
||||
</div>
|
||||
</div>
|
||||
{% endfor %}
|
||||
</div>
|
||||
<!-- <div class="items">
|
||||
<div class="item-title">
|
||||
刷屏禁言
|
||||
</div>
|
||||
<div class="item-des">
|
||||
简介: 刷屏禁言相关操作
|
||||
</div>
|
||||
<div class="item-usage">
|
||||
用法:<br>
|
||||
指令：<br>
|
||||
设置刷屏: 查看当前设置<br>
|
||||
-c [count]: 检测最大次数<br>
|
||||
-t [time]: 规定时间内<br>
|
||||
-d [duration]: 禁言时长<br>
|
||||
示例:<br>
|
||||
设置刷屏 -c 10: 设置最大次数为10<br>
|
||||
设置刷屏 -t 100 -d 20: 设置规定时间和禁言时长<br>
|
||||
设置刷屏 -d 10: 设置禁言时长为10<br>
|
||||
* 即 X 秒内发送同样消息 N 次，禁言 M 分钟 *
|
||||
</div>
|
||||
</div> -->
|
||||
</div>
|
||||
</div>
|
||||
</body>
|
||||
<script type="text/javascript" src="main.js">
|
||||
</script>
|
||||
|
||||
</html>
|
||||
Binary file not shown.
|
Before Width: | Height: | Size: 706 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 78 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 6.4 KiB |
Vendored
-31133
File diff suppressed because it is too large
Load Diff
@@ -1,42 +0,0 @@
|
||||
{
|
||||
"color":[
|
||||
"#eea2a4",
|
||||
"#621d34",
|
||||
"#e0c8d1",
|
||||
"#8b2671",
|
||||
"#142334",
|
||||
"#2b73af",
|
||||
"#93b5cf",
|
||||
"#2474b5",
|
||||
"#baccd9",
|
||||
"#1781b5",
|
||||
"#5cb3cc",
|
||||
"#57c3c2",
|
||||
"#1ba784",
|
||||
"#92b3a5",
|
||||
"#2bae85",
|
||||
"#83cbac",
|
||||
"#41ae3c",
|
||||
"#d0deaa",
|
||||
"#d2b42c",
|
||||
"#d2b116",
|
||||
"#f8df72",
|
||||
"#645822",
|
||||
"#ddc871",
|
||||
"#f9d770",
|
||||
"#d9a40e",
|
||||
"#b78b26",
|
||||
"#5d3d21",
|
||||
"#f8b37f",
|
||||
"#945833",
|
||||
"#e8b49a",
|
||||
"#a6522c",
|
||||
"#8b614d",
|
||||
"#f68c60",
|
||||
"#f6cec1",
|
||||
"#eeaa9c",
|
||||
"#862617",
|
||||
"#f2b9b2",
|
||||
"#f1908c"
|
||||
]
|
||||
}
|
||||
@@ -1,381 +0,0 @@
|
||||
{
|
||||
"data":
|
||||
[
|
||||
{
|
||||
"plugin_type":"功能",
|
||||
"items":[
|
||||
{
|
||||
"plugin_name":"AI",
|
||||
"plugin_sta":"0"
|
||||
},
|
||||
{
|
||||
"plugin_name":"B站订阅",
|
||||
"plugin_sta":"0"
|
||||
},
|
||||
{
|
||||
"plugin_name":"apex查询",
|
||||
"plugin_sta":"0"
|
||||
},
|
||||
{
|
||||
"plugin_name":"coser",
|
||||
"plugin_sta":"0"
|
||||
},
|
||||
{
|
||||
"plugin_name":"epic免费游戏",
|
||||
"plugin_sta":"0"
|
||||
},
|
||||
{
|
||||
"plugin_name":"pid搜索",
|
||||
"plugin_sta":"0"
|
||||
},
|
||||
{
|
||||
"plugin_name":"roll",
|
||||
"plugin_sta":"0"
|
||||
},
|
||||
{
|
||||
"plugin_name":"一言二次元语录",
|
||||
"plugin_sta":"0"
|
||||
},
|
||||
{
|
||||
"plugin_name":"个人信息权限查看",
|
||||
"plugin_sta":"0"
|
||||
},
|
||||
{
|
||||
"plugin_name":"古诗",
|
||||
"plugin_sta":"0"
|
||||
},
|
||||
{
|
||||
"plugin_name":"吃饭小助手",
|
||||
"plugin_sta":"0"
|
||||
},
|
||||
{
|
||||
"plugin_name":"微博热搜",
|
||||
"plugin_sta":"0"
|
||||
},
|
||||
{
|
||||
"plugin_name":"我有一个朋友",
|
||||
"plugin_sta":"0"
|
||||
},
|
||||
{
|
||||
"plugin_name":"昵称系统",
|
||||
"plugin_sta":"0"
|
||||
},
|
||||
{
|
||||
"plugin_name":"更新信息",
|
||||
"plugin_sta":"0"
|
||||
},
|
||||
{
|
||||
"plugin_name":"构造分享信息",
|
||||
"plugin_sta":"0"
|
||||
},
|
||||
{
|
||||
"plugin_name":"查看pix图库",
|
||||
"plugin_sta":"0"
|
||||
},
|
||||
{
|
||||
"plugin_name":"查看群欢迎消息",
|
||||
"plugin_sta":"0"
|
||||
},
|
||||
{
|
||||
"plugin_name":"磁力搜索",
|
||||
"plugin_sta":"0"
|
||||
},
|
||||
{
|
||||
"plugin_name":"签到",
|
||||
"plugin_sta":"0"
|
||||
},
|
||||
{
|
||||
"plugin_name":"网易云热评",
|
||||
"plugin_sta":"0"
|
||||
},
|
||||
{
|
||||
"plugin_name":"能不能好好说话",
|
||||
"plugin_sta":"0"
|
||||
},
|
||||
{
|
||||
"plugin_name":"金币红包",
|
||||
"plugin_sta":"0"
|
||||
},
|
||||
{
|
||||
"plugin_name":"骂我",
|
||||
"plugin_sta":"0"
|
||||
},
|
||||
{
|
||||
"plugin_name":"鲁迅说",
|
||||
"plugin_sta":"0"
|
||||
},
|
||||
{
|
||||
"plugin_name":"鸡汤",
|
||||
"plugin_sta":"0"
|
||||
},
|
||||
{
|
||||
"plugin_name":"黑白草图",
|
||||
"plugin_sta":"0"
|
||||
}
|
||||
]
|
||||
},
|
||||
{
|
||||
"plugin_type":"原神相关",
|
||||
"items":[
|
||||
{
|
||||
"plugin_name":"原神今日素材",
|
||||
"plugin_sta":"1"
|
||||
},
|
||||
{
|
||||
"plugin_name":"原神便笺查询",
|
||||
"plugin_sta":"1"
|
||||
},
|
||||
{
|
||||
"plugin_name":"原神树脂提醒",
|
||||
"plugin_sta":"1"
|
||||
},
|
||||
{
|
||||
"plugin_name":"原神玩家查询",
|
||||
"plugin_sta":"0"
|
||||
},
|
||||
{
|
||||
"plugin_name":"原神绑定",
|
||||
"plugin_sta":"1"
|
||||
},
|
||||
{
|
||||
"plugin_name":"原神老黄历",
|
||||
"plugin_sta":"0"
|
||||
},
|
||||
{
|
||||
"plugin_name":"原神自动签到",
|
||||
"plugin_sta":"1"
|
||||
},
|
||||
{
|
||||
"plugin_name":"原神资源查询",
|
||||
"plugin_sta":"1"
|
||||
}
|
||||
]
|
||||
},
|
||||
{
|
||||
"plugin_type":"联系管理员",
|
||||
"items":[
|
||||
{
|
||||
"plugin_name":"联系管理员",
|
||||
"plugin_sta":"0"
|
||||
}
|
||||
]
|
||||
},
|
||||
{
|
||||
"plugin_type":"功能",
|
||||
"items":[
|
||||
{
|
||||
"plugin_name":"每日发癫",
|
||||
"plugin_sta":"0"
|
||||
}
|
||||
]
|
||||
},
|
||||
{
|
||||
"plugin_type":"常规插件",
|
||||
"items":[
|
||||
{
|
||||
"plugin_name":"消息防撤回",
|
||||
"plugin_sta":"2"
|
||||
}
|
||||
]
|
||||
},
|
||||
{
|
||||
"plugin_type":"抽卡相关",
|
||||
"items":[
|
||||
{
|
||||
"plugin_name":"开箱",
|
||||
"plugin_sta":"0"
|
||||
}
|
||||
]
|
||||
},
|
||||
{
|
||||
"plugin_type":"来点好康的",
|
||||
"items":[
|
||||
{
|
||||
"plugin_name":"PIX",
|
||||
"plugin_sta":"0"
|
||||
},
|
||||
{
|
||||
"plugin_name":"P站排行/搜图",
|
||||
"plugin_sta":"0"
|
||||
},
|
||||
{
|
||||
"plugin_name":"本地图库",
|
||||
"plugin_sta":"0"
|
||||
},
|
||||
{
|
||||
"plugin_name":"色图",
|
||||
"plugin_sta":"0"
|
||||
}
|
||||
]
|
||||
},
|
||||
{
|
||||
"plugin_type":"数据统计",
|
||||
"items":[
|
||||
{
|
||||
"plugin_name":"功能调用统计可视化",
|
||||
"plugin_sta":"0"
|
||||
},
|
||||
{
|
||||
"plugin_name":"消息统计",
|
||||
"plugin_sta":"0"
|
||||
}
|
||||
]
|
||||
},
|
||||
{
|
||||
"plugin_type":"一些工具",
|
||||
"items":[
|
||||
{
|
||||
"plugin_name":"BUFF查询皮肤",
|
||||
"plugin_sta":"0"
|
||||
},
|
||||
{
|
||||
"plugin_name":"b封面",
|
||||
"plugin_sta":"0"
|
||||
},
|
||||
{
|
||||
"plugin_name":"各种图片简易操作",
|
||||
"plugin_sta":"0"
|
||||
},
|
||||
{
|
||||
"plugin_name":"天气查询",
|
||||
"plugin_sta":"0"
|
||||
},
|
||||
{
|
||||
"plugin_name":"小人举牌",
|
||||
"plugin_sta":"0"
|
||||
},
|
||||
{
|
||||
"plugin_name":"搜番",
|
||||
"plugin_sta":"0"
|
||||
},
|
||||
{
|
||||
"plugin_name":"来个猫猫",
|
||||
"plugin_sta":"0"
|
||||
},
|
||||
{
|
||||
"plugin_name":"点歌",
|
||||
"plugin_sta":"0"
|
||||
},
|
||||
{
|
||||
"plugin_name":"疫情查询",
|
||||
"plugin_sta":"0"
|
||||
},
|
||||
{
|
||||
"plugin_name":"翻译",
|
||||
"plugin_sta":"0"
|
||||
},
|
||||
{
|
||||
"plugin_name":"识图",
|
||||
"plugin_sta":"0"
|
||||
},
|
||||
{
|
||||
"plugin_name":"识番",
|
||||
"plugin_sta":"0"
|
||||
}
|
||||
]
|
||||
},
|
||||
{
|
||||
"plugin_type":"商店",
|
||||
"items":[
|
||||
{
|
||||
"plugin_name":"商店",
|
||||
"plugin_sta":"0"
|
||||
},
|
||||
{
|
||||
"plugin_name":"商店 —— 使用道具",
|
||||
"plugin_sta":"0"
|
||||
},
|
||||
{
|
||||
"plugin_name":"商店 —— 我的道具",
|
||||
"plugin_sta":"0"
|
||||
},
|
||||
{
|
||||
"plugin_name":"商店 —— 我的金币",
|
||||
"plugin_sta":"0"
|
||||
},
|
||||
{
|
||||
"plugin_name":"商店 —— 购买道具",
|
||||
"plugin_sta":"0"
|
||||
}
|
||||
]
|
||||
},
|
||||
{
|
||||
"plugin_type":"其它",
|
||||
"items":[
|
||||
{
|
||||
"plugin_name":"关于",
|
||||
"plugin_sta":"0"
|
||||
},
|
||||
{
|
||||
"plugin_name":"复读",
|
||||
"plugin_sta":"0"
|
||||
},
|
||||
{
|
||||
"plugin_name":"戳一戳",
|
||||
"plugin_sta":"0"
|
||||
},
|
||||
{
|
||||
"plugin_name":"敏感词检测",
|
||||
"plugin_sta":"0"
|
||||
}
|
||||
]
|
||||
},
|
||||
{
|
||||
"plugin_type":"群内小游戏",
|
||||
"items":[
|
||||
{
|
||||
"plugin_name":"21点",
|
||||
"plugin_sta":"0"
|
||||
},
|
||||
{
|
||||
"plugin_name":"cp小故事",
|
||||
"plugin_sta":"0"
|
||||
},
|
||||
{
|
||||
"plugin_name":"logo制作",
|
||||
"plugin_sta":"0"
|
||||
},
|
||||
{
|
||||
"plugin_name":"乞讨福利金",
|
||||
"plugin_sta":"0"
|
||||
},
|
||||
{
|
||||
"plugin_name":"人生重开 —— lifeRestart",
|
||||
"plugin_sta":"0"
|
||||
},
|
||||
{
|
||||
"plugin_name":"俄罗斯轮盘",
|
||||
"plugin_sta":"0"
|
||||
},
|
||||
{
|
||||
"plugin_name":"刮刮乐",
|
||||
"plugin_sta":"0"
|
||||
},
|
||||
{
|
||||
"plugin_name":"头像表情包",
|
||||
"plugin_sta":"0"
|
||||
},
|
||||
{
|
||||
"plugin_name":"打劫",
|
||||
"plugin_sta":"0"
|
||||
},
|
||||
{
|
||||
"plugin_name":"猜单词",
|
||||
"plugin_sta":"0"
|
||||
},
|
||||
{
|
||||
"plugin_name":"猜成语",
|
||||
"plugin_sta":"0"
|
||||
},
|
||||
{
|
||||
"plugin_name":"表情包制作",
|
||||
"plugin_sta":"0"
|
||||
},
|
||||
{
|
||||
"plugin_name":"银行",
|
||||
"plugin_sta":"0"
|
||||
}
|
||||
]
|
||||
}
|
||||
]
|
||||
}
|
||||
File diff suppressed because it is too large
Load Diff
File diff suppressed because one or more lines are too long
Binary file not shown.
Binary file not shown.
File diff suppressed because it is too large
Load Diff
|
Before Width: | Height: | Size: 434 KiB |
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
|
Before Width: | Height: | Size: 1.1 MiB |
Binary file not shown.
|
Before Width: | Height: | Size: 1.8 MiB |
Binary file not shown.
|
Before Width: | Height: | Size: 326 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 1.0 MiB |
Binary file not shown.
|
Before Width: | Height: | Size: 1.1 MiB |
Binary file not shown.
|
Before Width: | Height: | Size: 6.1 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 10 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 9.2 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 9.0 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 9.6 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 9.8 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 11 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 11 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 8.7 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 9.8 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 9.8 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 11 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 9.9 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 11 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 9.3 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 9.3 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 9.6 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 9.1 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 10 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 9.1 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 9.2 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 9.7 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 10 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 9.2 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 11 KiB |
@@ -1,243 +0,0 @@
|
||||
:root{
|
||||
/* 整图背景颜色 (#bfd5ea) */
|
||||
--bgcolor:#FFC8A8;
|
||||
/* 停用颜色 */
|
||||
--bancolor:#b5b2b2;
|
||||
/* 禁用颜色 */
|
||||
--stopcolor:red;
|
||||
/* 背景图高斯模糊 */
|
||||
--bgblur:6px;
|
||||
/* 插件框高斯模糊 */
|
||||
--blur:4px;
|
||||
/* 插件背景色 */
|
||||
--itemcolor:hsla(0,0%,100%,.38);
|
||||
/* 标题背景色 */
|
||||
--titlecolor:#8b2671;
|
||||
/* 标题正文 */
|
||||
--titletext:"真寻的功能捏~";
|
||||
/* 功能项背景色 */
|
||||
--optcolor:rgba( 255, 255, 255, 0.25 );
|
||||
/* 默认字体大小 */
|
||||
--mfsize:40px;
|
||||
/* 功能项标题字体大小 */
|
||||
--ofsize:48px;
|
||||
/* 主题背景颜色 */
|
||||
--themebgcolor:#FE96000a;
|
||||
/* 插件背景颜色 */
|
||||
--pluginbgcolor:#FE9600;
|
||||
/* 主题边框颜色 */
|
||||
--themebordercolor:#FE9600;
|
||||
/* 备选颜色 */
|
||||
--testcolor:#FE9600;
|
||||
/* 偶数列倾斜角 */
|
||||
--cdeg:20deg
|
||||
}
|
||||
i{
|
||||
margin-right: 5px;
|
||||
}
|
||||
.content > div{
|
||||
background-color: var(--themebgcolor) !important;
|
||||
}
|
||||
|
||||
*{
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
box-sizing: border-box;
|
||||
}
|
||||
@font-face {
|
||||
font-family: myFont;
|
||||
/* 导入的字体文件 */
|
||||
src: url("./res/font/CJGaoDeGuo.otf");
|
||||
}
|
||||
body{
|
||||
font-family:'myFont';
|
||||
font-size:var(--mfsize);
|
||||
}
|
||||
header{
|
||||
position: relative;
|
||||
width: 100%;
|
||||
height: 100vh;
|
||||
background-size: cover;
|
||||
background-image: url(./res/img/bg3.jpg);
|
||||
background-position-y: -55px;
|
||||
}
|
||||
header::after{
|
||||
content: "";
|
||||
position: absolute;
|
||||
bottom: 0;
|
||||
left: 0;
|
||||
width: 100%;
|
||||
height: 5vh;
|
||||
filter: blur(5px);
|
||||
}
|
||||
.transition{
|
||||
width: 100%;
|
||||
height: 10vh;
|
||||
filter: blur(3px);
|
||||
transform: translateY(-10px) scaleY(1.5);
|
||||
background-image: linear-gradient(to top, #ffc8a8 0%, rgb(255 255 255 / 99%) 100%);
|
||||
}
|
||||
.wrapper{
|
||||
position: relative;
|
||||
padding: 0.5rem 1.5rem 1.5rem 1.5rem;
|
||||
margin: 0 auto;
|
||||
/*width: 80%;*/
|
||||
border-radius: 25px;
|
||||
user-select: none;
|
||||
}
|
||||
.wrapper::before{
|
||||
content: '';
|
||||
position: absolute;
|
||||
top: 0;
|
||||
left: 0;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
filter: blur(3px);
|
||||
background-color: var(--bgcolor);
|
||||
background-repeat: no-repeat;
|
||||
background-position: center;
|
||||
background-size: cover;
|
||||
z-index: -1;
|
||||
}
|
||||
|
||||
.content {
|
||||
/* 瀑布流参数 */
|
||||
column-count: 4;
|
||||
gap: 1rem;
|
||||
column-gap: normal;
|
||||
}
|
||||
.des{
|
||||
/* width: 58rem; */
|
||||
margin-bottom: 1.5rem;
|
||||
background: var(--optcolor);
|
||||
box-shadow: 0px 0px 5px 0 rgb(31 38 135 / 37%);
|
||||
backdrop-filter: blur(var(--blur));
|
||||
border-radius: 10px;
|
||||
overflow: hidden;
|
||||
|
||||
}
|
||||
.des::before{
|
||||
content: var(--titletext);
|
||||
position: absolute;
|
||||
height: 60px;
|
||||
line-height: 64px;
|
||||
width: 100%;
|
||||
display: block;
|
||||
background: var(--titlecolor);
|
||||
color: white;
|
||||
text-align: center;
|
||||
z-index: -1;
|
||||
}
|
||||
.des > p:nth-child(1){
|
||||
margin-top: 65px;
|
||||
}
|
||||
.des > p{
|
||||
text-align: left;
|
||||
margin-left: 1.5rem;
|
||||
margin-right: 1.5rem;
|
||||
margin-bottom: 10px;
|
||||
}
|
||||
.content > div{
|
||||
position: relative;
|
||||
margin-bottom: 1rem;
|
||||
break-inside: avoid;
|
||||
background: var(--optcolor);
|
||||
box-shadow: 0px 0px 5px 0 rgb(31 38 135 / 37%);
|
||||
backdrop-filter: blur(var(--blur));
|
||||
border-radius: 10px;
|
||||
/* border: 1px solid rgba( 255, 255, 255, 0.18 ); */
|
||||
border: 2px solid var(--themebordercolor);
|
||||
overflow: hidden;
|
||||
}
|
||||
.content > div::before{
|
||||
content: '';
|
||||
position: absolute;
|
||||
height: 80px;
|
||||
width: 110%;
|
||||
display: block;
|
||||
/* background: var(--titlecolor); */
|
||||
background: var(--themebordercolor);
|
||||
background-image: url(./res/img/texture.png);
|
||||
z-index: -1;
|
||||
}
|
||||
|
||||
.content > div > span{
|
||||
margin: 0.8rem 1.2rem;
|
||||
display: block;
|
||||
height: 80px;
|
||||
line-height: 80px;
|
||||
padding-left:2rem;
|
||||
letter-spacing: 1px;
|
||||
/* border: 1px solid #9a9999; */
|
||||
/* border: 1px solid #d6d6d6; */
|
||||
border: 2px solid var(--themebordercolor);
|
||||
/* text-shadow: 0px 0px 3px #fff; */
|
||||
|
||||
text-shadow: 0.5px 0.5px #fff;
|
||||
/* text-shadow: 0.5px 0.5px #cb6346; */
|
||||
border-radius: 50px;
|
||||
backdrop-filter: blur(var(--blur));
|
||||
background: var(--itemcolor);
|
||||
white-space: nowrap;
|
||||
text-overflow: ellipsis;
|
||||
overflow: hidden;
|
||||
}
|
||||
.splic{
|
||||
position: relative;
|
||||
display: inline-block;
|
||||
top: 28px;
|
||||
}
|
||||
.splic::before{
|
||||
content: '';
|
||||
width: 500px;
|
||||
top: 0px;
|
||||
height: 80px;
|
||||
position: absolute;
|
||||
border-radius: 100px;
|
||||
background: var(--pluginbgcolor);
|
||||
transform: translate(-95%, -100%);
|
||||
z-index: -1;
|
||||
}
|
||||
.content > div > div {
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
height:80px
|
||||
}
|
||||
.content > div > div >span:nth-child(1){
|
||||
color: white;
|
||||
font-size: var(--ofsize);
|
||||
}
|
||||
.logo{
|
||||
margin-left: 20px;
|
||||
display: inline-block;
|
||||
height: 100%;
|
||||
width: 80px;
|
||||
}
|
||||
.logo > img{
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
}
|
||||
.ban{
|
||||
color: var(--bancolor);
|
||||
text-shadow: none;
|
||||
}
|
||||
del {
|
||||
text-shadow: none;
|
||||
color: var(--stopcolor);
|
||||
}
|
||||
.des-right,.content-right{
|
||||
width: 64%;
|
||||
}
|
||||
.des-left{
|
||||
margin-left: 36%;
|
||||
}
|
||||
.des-mid{
|
||||
margin: 0 auto;
|
||||
}
|
||||
.content-left{
|
||||
margin-left: 36%;
|
||||
}
|
||||
.content-mid{
|
||||
margin: 1rem auto;
|
||||
}
|
||||
@@ -1,58 +0,0 @@
|
||||
<!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>zhenxun_menu</title>
|
||||
<link rel="stylesheet" href="./res/font-awesome/css/font-awesome.min.css">
|
||||
<link rel="stylesheet" href="zhenxun_menu.css">
|
||||
</head>
|
||||
<body>
|
||||
<header></header>
|
||||
<div class="transition"></div>
|
||||
<div class="wrapper">
|
||||
<main class="des">
|
||||
<p>可以通过 ‘帮助[功能名称]’ 来获取对应功能的使用方法。</p>
|
||||
<p style="color:red;">注：横线字功能被群管理员禁用，浅色字代表功能正在维护 真寻机器人免费开源，如果你在任何渠道付费购买了真寻机器人，请退款。</p>
|
||||
</main>
|
||||
<div class="content">
|
||||
{% for plugin in plugin_list %}
|
||||
<div style="--themebordercolor:#ddc871;--themebgcolor:#ddc8710a;--pluginbgcolor:#ddc8715c;">
|
||||
<div>
|
||||
<span>
|
||||
<!-- 图标 -->
|
||||
<i class="{{plugin.icon}}"></i>
|
||||
<!-- 插件种类名 -->
|
||||
{{plugin.name}}
|
||||
</span>
|
||||
<!-- 真寻表情包图片 -->
|
||||
<div class="logo">
|
||||
<img src="{{plugin.logo}}" alt="">
|
||||
</div>
|
||||
</div>
|
||||
{% for item in plugin['items'] %}
|
||||
{% if item.sta == 0 %}
|
||||
<span>
|
||||
{{item.plugin_name}}
|
||||
<div class="splic"></div>
|
||||
</span>
|
||||
{% elif item.sta == 1 %}
|
||||
<span>
|
||||
<del>{{item.plugin_name}}</del>
|
||||
<div class="splic"></div>
|
||||
</span>
|
||||
{% else %}
|
||||
<span class="ban">
|
||||
{{item.plugin_name}}
|
||||
<div class="splic"></div>
|
||||
</span>
|
||||
{% endif %}
|
||||
{% endfor %}
|
||||
</div>
|
||||
{% endfor %}
|
||||
</div>
|
||||
</div>
|
||||
</body>
|
||||
<script type="text/javascript" src="zhenxun_menu.js"></script>
|
||||
</html>
|
||||
@@ -1,98 +0,0 @@
|
||||
let color = {
|
||||
"color":[
|
||||
"#eea2a4",
|
||||
"#621d34",
|
||||
"#e0c8d1",
|
||||
"#8b2671",
|
||||
"#142334",
|
||||
"#2b73af",
|
||||
"#93b5cf",
|
||||
"#2474b5",
|
||||
"#baccd9",
|
||||
"#1781b5",
|
||||
"#5cb3cc",
|
||||
"#57c3c2",
|
||||
"#1ba784",
|
||||
"#92b3a5",
|
||||
"#2bae85",
|
||||
"#83cbac",
|
||||
"#41ae3c",
|
||||
"#d0deaa",
|
||||
"#d2b42c",
|
||||
"#d2b116",
|
||||
"#f8df72",
|
||||
"#645822",
|
||||
"#ddc871",
|
||||
"#f9d770",
|
||||
"#d9a40e",
|
||||
"#b78b26",
|
||||
"#5d3d21",
|
||||
"#f8b37f",
|
||||
"#945833",
|
||||
"#e8b49a",
|
||||
"#a6522c",
|
||||
"#8b614d",
|
||||
"#f68c60",
|
||||
"#f6cec1",
|
||||
"#eeaa9c",
|
||||
"#862617",
|
||||
"#f2b9b2",
|
||||
"#f1908c"
|
||||
]
|
||||
};
|
||||
|
||||
let colorlist = color.color;
|
||||
let logoArr = Array.from(Array(24), (v,k) =>k+1);
|
||||
|
||||
let fatherDom = document.querySelector(".content");
|
||||
|
||||
let childDom = fatherDom.children;
|
||||
|
||||
//瀑布流列数统计
|
||||
let columnCount = 0;
|
||||
//首列为最长列的情况下，作为被除数
|
||||
let firstColumnNum = childDom[0].childElementCount;
|
||||
|
||||
|
||||
|
||||
for(let i = 0 ;i < childDom.length ;i++){
|
||||
// 随机取颜色
|
||||
let index = Math.floor((Math.random()*colorlist.length));
|
||||
let themecolor = colorlist[index];
|
||||
colorlist.splice(index, 1);
|
||||
let colorStr = `--themebordercolor:${themecolor};--themebgcolor:${themecolor+'0a'};--pluginbgcolor:${themecolor+'5c'};`;
|
||||
childDom[i].setAttribute('style',colorStr);
|
||||
//固定图标
|
||||
let iconDom = childDom[i].querySelector("i");
|
||||
let plugin_type = childDom[i].querySelector("span").textContent;
|
||||
|
||||
if(plugin_type == "功能")iconDom.classList.add("fa-cog");
|
||||
else if (plugin_type == "原神相关")iconDom.classList.add("fa-circle-o");
|
||||
else if (plugin_type == "联系管理员")iconDom.classList.add("fa-envelope-o");
|
||||
else if (plugin_type == "常规插件")iconDom.classList.add("fa-cubes");
|
||||
else if (plugin_type == "抽卡相关")iconDom.classList.add("fa-credit-card-alt");
|
||||
else if (plugin_type == "来点好康的")iconDom.classList.add("fa-picture-o");
|
||||
else if (plugin_type == "数据统计")iconDom.classList.add("fa-bar-chart");
|
||||
else if (plugin_type == "一些工具")iconDom.classList.add("fa-scissors");
|
||||
else if (plugin_type == "商店")iconDom.classList.add("fa-shopping-cart");
|
||||
else if (plugin_type == "其它")iconDom.classList.add("fa-tags");
|
||||
else if (plugin_type == "群内小游戏")iconDom.classList.add("fa-gamepad");
|
||||
else iconDom.classList.add("fa-pencil-square-o");
|
||||
|
||||
//添加真寻元素
|
||||
let imgDom = childDom[i].querySelector("img");
|
||||
let logoIndex = Math.floor((Math.random()*logoArr.length));
|
||||
let logoUrl = `./res/logo/${logoArr[logoIndex]}.png`;
|
||||
logoArr.splice(logoIndex, 1);
|
||||
imgDom.src=logoUrl;
|
||||
|
||||
//暂时把所有的插件数量写入到列数中
|
||||
columnCount += childDom[i].childElementCount
|
||||
}
|
||||
|
||||
//计算瀑布流列数
|
||||
columnCount = Math.ceil(columnCount / firstColumnNum) < 5 ? Math.ceil(columnCount / firstColumnNum) : 4;
|
||||
//修改瀑布流列数
|
||||
if(columnCount != 4){
|
||||
fatherDom.style.columnCount = columnCount;
|
||||
}
|
||||
@@ -1,235 +0,0 @@
|
||||
|
||||
|
||||
@font-face {
|
||||
font-family: fzrzFont;
|
||||
/* 导入的字体文件 */
|
||||
src: url("../../font/HYWenHei-85W.ttf");
|
||||
}
|
||||
|
||||
@font-face {
|
||||
font-family: systFont;
|
||||
/* 导入的字体文件 */
|
||||
src: url("../../font/syst.otf");
|
||||
}
|
||||
|
||||
@font-face {
|
||||
font-family: syhtFont;
|
||||
/* 导入的字体文件 */
|
||||
src: url("../../font/syht.otf");
|
||||
}
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
body {
|
||||
position: absolute;
|
||||
left: -8px;
|
||||
top: -8px;
|
||||
}
|
||||
|
||||
.wrapper{
|
||||
width: 1754px;
|
||||
height: 1240px;
|
||||
position: relative;
|
||||
background-size: cover;
|
||||
font-family: 'fzrzFont';
|
||||
padding: 20px;
|
||||
background-color: #E08A9F;
|
||||
border-radius: 50px;
|
||||
padding: 40px;
|
||||
color: #E08A9F;
|
||||
font-size: 30px;
|
||||
}
|
||||
|
||||
.main{
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
display: flex;
|
||||
}
|
||||
|
||||
.main-content {
|
||||
background-color: white;
|
||||
height: 1123px;
|
||||
width: 682px;
|
||||
border-radius: 50px;
|
||||
padding: 56px 83px;
|
||||
position: relative;
|
||||
}
|
||||
|
||||
.weather-img {
|
||||
position: absolute;
|
||||
height: 60px;
|
||||
left: 325px;
|
||||
top: -10px;
|
||||
}
|
||||
|
||||
.top-date {
|
||||
display: flex;
|
||||
position: relative;
|
||||
font-family: "systFont";
|
||||
}
|
||||
|
||||
.user-info {
|
||||
display: flex;
|
||||
margin-top: 65px;
|
||||
}
|
||||
|
||||
.user-info-ava {
|
||||
position: relative;
|
||||
|
||||
}
|
||||
|
||||
.ava-img {
|
||||
height: 250px;
|
||||
border-radius: 50%;
|
||||
overflow: hidden;
|
||||
display: inline-block;
|
||||
border: 2px solid #E0899E;
|
||||
}
|
||||
|
||||
.user-info-data {
|
||||
margin-left: 30px;
|
||||
}
|
||||
|
||||
.nickname {
|
||||
position: absolute;
|
||||
width: 140px;
|
||||
left: 50%;
|
||||
bottom: -27px;
|
||||
transform: translate(-50%, -50%);
|
||||
background-color: #E0899E;
|
||||
color: white;
|
||||
padding: 5px 10px;
|
||||
border-radius: 15px;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.user-des {
|
||||
margin-top: 60px;
|
||||
font-size: 35px;
|
||||
position: relative;
|
||||
height: 710px;
|
||||
}
|
||||
|
||||
.des-img {
|
||||
height: 430px;
|
||||
position: absolute;
|
||||
bottom: -28px;
|
||||
left: 85px;
|
||||
}
|
||||
|
||||
.tag-img-content {
|
||||
height: 120px;
|
||||
width: 75px;
|
||||
background-color: #E8BB88;
|
||||
position: absolute;
|
||||
top: 0px;
|
||||
left: 120px;
|
||||
}
|
||||
|
||||
.tag-img-test {
|
||||
border-left: 37px solid transparent;
|
||||
border-right: 38px solid transparent;
|
||||
border-bottom: 54px solid white;
|
||||
width: 0;
|
||||
height: 68px;
|
||||
}
|
||||
|
||||
.menu {
|
||||
position: absolute;
|
||||
right: 0px;
|
||||
height: 496px;
|
||||
top: 175px;
|
||||
}
|
||||
|
||||
.menu-item {
|
||||
writing-mode: vertical-rl; /* 从右向左垂直排列 */
|
||||
color: #754E43;
|
||||
height: 190px;
|
||||
width: 65px;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
margin-bottom: 30px;
|
||||
border-top-left-radius: 30px;
|
||||
border-bottom-left-radius: 30px;
|
||||
gap: 20px;
|
||||
}
|
||||
|
||||
.main-img {
|
||||
position: absolute;
|
||||
height: 200px;
|
||||
right: 150px;
|
||||
top: 10px;
|
||||
}
|
||||
|
||||
.sign-data {
|
||||
margin-top: 105px;
|
||||
}
|
||||
|
||||
.base-title {
|
||||
font-size: 35px;
|
||||
}
|
||||
|
||||
.sign-level {
|
||||
border: 2px solid #E08A9F;
|
||||
padding: 7px 3px;
|
||||
font-size: 28px;
|
||||
}
|
||||
|
||||
.line {
|
||||
border: 1px solid #E08A9F;
|
||||
margin-top: 30px;
|
||||
}
|
||||
|
||||
.text-item {
|
||||
display: flex;
|
||||
}
|
||||
|
||||
|
||||
.test-icon {
|
||||
height: 50px;
|
||||
margin-right: 10px;
|
||||
}
|
||||
|
||||
.test-content {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
margin-top: 30px;
|
||||
}
|
||||
|
||||
.test-title {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
margin-bottom: 10px;
|
||||
}
|
||||
|
||||
.text-chart {
|
||||
margin-top: 20px;
|
||||
background-color: #E0899E;
|
||||
color: white;
|
||||
padding: 30px;
|
||||
border-radius: 30px;
|
||||
height: 560px;
|
||||
}
|
||||
|
||||
.chart {
|
||||
height: 490px;
|
||||
width: 622px;
|
||||
background-color: white;
|
||||
}
|
||||
|
||||
.select {
|
||||
background-color: #E0899E;
|
||||
color: white;
|
||||
}
|
||||
|
||||
.uname {
|
||||
display: -webkit-box;
|
||||
-webkit-line-clamp: 1; /* 显示的最大行数 */
|
||||
-webkit-box-orient: vertical;
|
||||
overflow: hidden; /* 隐藏溢出内容 */
|
||||
text-overflow: ellipsis; /* 溢出部分显示为省略号 */
|
||||
}
|
||||
@@ -1,177 +0,0 @@
|
||||
<!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">
|
||||
<script src="../js/echarts.min.js"></script>
|
||||
<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="main">
|
||||
<div class="main-content">
|
||||
<div class="top-date">{{data.date}}......
|
||||
<img src="./res/img/{{data.weather}}.png" alt="sun" class="weather-img" />
|
||||
<span style="margin-left: 180px;">24℃</span>
|
||||
</div>
|
||||
<div class="user-info">
|
||||
<div class="user-info-ava">
|
||||
<img src="{{data.ava_url}}" alt="test" class="ava-img" />
|
||||
<div class="nickname">{{data.title}}</div>
|
||||
</div>
|
||||
<div class="user-info-data">
|
||||
<div class="uname">
|
||||
<span style="font-size: 35px;">姓名:</span>
|
||||
<span>{{data.nickname}}</span>
|
||||
</div>
|
||||
<div style="margin-top: 15px;">
|
||||
<span style="font-size: 35px;">种族:</span>
|
||||
<span>{{data.race}}</span>
|
||||
</div>
|
||||
<div style="margin-top: 15px;">
|
||||
<span style="font-size: 35px;">性别:</span>
|
||||
<span>{{data.sex}}</span>
|
||||
</div>
|
||||
<div style="margin-top: 15px;">
|
||||
<span style="font-size: 35px;">职业:</span>
|
||||
<span>{{data.occ}}</span>
|
||||
</div>
|
||||
<div style="margin-top: 15px;">
|
||||
<span style="font-size: 35px;">UID:</span>
|
||||
<span>{{data.uid}}</span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="user-des">
|
||||
<p>个人简介:</p>
|
||||
<div style="line-height: 60px;">
|
||||
{{data.description}}
|
||||
</div>
|
||||
<img src="./res/img/1.png" class="des-img" />
|
||||
</div>
|
||||
</div>
|
||||
<div style="width: 50px;"></div>
|
||||
<div class="main-content">
|
||||
<div class="menu">
|
||||
<div class="menu-item" style="background-color: #E8BC89;">我的信息</div>
|
||||
<div class="menu-item" style="background-color: #EDCCC3;">我的道具</div>
|
||||
<div class="menu-item" style="background-color: #F0DAC6;">我的卡组</div>
|
||||
<div class="menu-item" style="background-color: #F7E5E4;">我的设置</div>
|
||||
</div>
|
||||
<div class="tag-img">
|
||||
<div class="tag-img-content">
|
||||
<div class="tag-img-test"></div>
|
||||
</div>
|
||||
</div>
|
||||
<img src="./res/img/2.png" class="main-img" />
|
||||
<div class="sign-data">
|
||||
<p class="base-title">好感度等级: {{data.sign_level}}级</p>
|
||||
<div>
|
||||
<span class="sign-level {{data.select_index[0]}}">路人</span>
|
||||
<span class="sign-level {{data.select_index[1]}}">陌生</span>
|
||||
<span class="sign-level {{data.select_index[2]}}">初识</span>
|
||||
<span class="sign-level {{data.select_index[3]}}">普通</span>
|
||||
<span class="sign-level {{data.select_index[4]}}">熟悉</span>
|
||||
<span class="sign-level {{data.select_index[5]}}">信赖</span>
|
||||
<span class="sign-level {{data.select_index[6]}}">相知</span>
|
||||
<span class="sign-level {{data.select_index[7]}}">厚谊</span>
|
||||
<span class="sign-level {{data.select_index[8]}}">亲密</span>
|
||||
</div>
|
||||
</div>
|
||||
<div class="line"></div>
|
||||
<div class="test-content" style="margin-top: 30px">
|
||||
<img src="./res/img/level.png" class="test-icon" />
|
||||
权限等级: {{data.level}}
|
||||
</div>
|
||||
<div>
|
||||
<div class="text-item">
|
||||
<div class="test-content" style="width: 50%;">
|
||||
<img src="./res/img/gold.png" class="test-icon" />
|
||||
金币数量: {{data.gold}}
|
||||
</div>
|
||||
<div class="test-content">
|
||||
<img src="./res/img/prop.png" class="test-icon" />
|
||||
道具数量: {{data.prop}}
|
||||
</div>
|
||||
</div>
|
||||
<div class="text-item">
|
||||
<div class="test-content" style="width: 50%;">
|
||||
<img src="./res/img/call.png" class="test-icon" />
|
||||
调用次数: {{data.call}}
|
||||
</div>
|
||||
<div class="test-content">
|
||||
<img src="./res/img/say.png" class="test-icon" />
|
||||
发言统计: {{data.say}}
|
||||
</div>
|
||||
</div>
|
||||
<!-- <div class="line"></div> -->
|
||||
<div class="text-chart">
|
||||
<div class="test-title">
|
||||
<img src="./res/img/xian.png" class="test-icon" />
|
||||
发言趋势图
|
||||
</div>
|
||||
<div id="chart" class="chart"></div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<script type="text/javascript">
|
||||
// 基于准备好的dom，初始化echarts实例
|
||||
var myChart = echarts.init(document.getElementById('chart'));
|
||||
// 指定图表的配置项和数据
|
||||
var option = {
|
||||
backgroundColor: "#E0899E",
|
||||
animation: false,
|
||||
xAxis: {
|
||||
type: "category",
|
||||
data: {{data.chart_date|tojson}},
|
||||
axisLabel: {
|
||||
color: "#fff",
|
||||
fontSize: 20,
|
||||
},
|
||||
},
|
||||
yAxis: {
|
||||
type: "value",
|
||||
axisLabel: {
|
||||
color: "#fff",
|
||||
fontSize: 20,
|
||||
},
|
||||
},
|
||||
series: [{
|
||||
data: {{data.count_list|tojson}},
|
||||
type: "line",
|
||||
smooth: true,
|
||||
lineStyle: {
|
||||
// 设置线条颜色
|
||||
color: '#fff',
|
||||
// 可选：设置线条宽度
|
||||
width: 2
|
||||
},
|
||||
label: {
|
||||
normal: {
|
||||
show: true,
|
||||
position: 'top',
|
||||
textStyle: {
|
||||
fontSize: 20,
|
||||
color: '#fff'
|
||||
}
|
||||
}
|
||||
}
|
||||
}, ],
|
||||
};
|
||||
|
||||
|
||||
// 使用刚指定的配置项和数据显示图表。
|
||||
myChart.setOption(option);
|
||||
</script>
|
||||
</body>
|
||||
<script type="text/javascript" src="main.js">
|
||||
</script>
|
||||
|
||||
</html>
|
||||
@@ -1,32 +0,0 @@
|
||||
// var chartDom = document.getElementById("chart")
|
||||
// var myChart = echarts.init(chartDom)
|
||||
// var option
|
||||
|
||||
// option = {
|
||||
// backgroundColor: "#E0899E",
|
||||
// animation: false,
|
||||
// xAxis: {
|
||||
// type: "category",
|
||||
// data: ["Mon", "Tue", "Wed", "Thu", "Fri", "Sat", "Sun"],
|
||||
// axisLabel: {
|
||||
// color: "#fff",
|
||||
// fontSize: 20,
|
||||
// },
|
||||
// },
|
||||
// yAxis: {
|
||||
// type: "value",
|
||||
// axisLabel: {
|
||||
// color: "#fff",
|
||||
// fontSize: 20,
|
||||
// },
|
||||
// },
|
||||
// series: [
|
||||
// {
|
||||
// data: [820, 932, 901, 934, 1290, 1330, 1320],
|
||||
// type: "line",
|
||||
// smooth: true,
|
||||
// },
|
||||
// ],
|
||||
// }
|
||||
|
||||
// option && myChart.setOption(option)
|
||||
Binary file not shown.
|
Before Width: | Height: | Size: 777 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 1.8 MiB |
Binary file not shown.
|
Before Width: | Height: | Size: 483 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 3.9 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 7.3 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 6.2 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 5.9 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 5.1 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 4.1 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 4.5 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 46 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 3.0 KiB |
@@ -1,288 +0,0 @@
|
||||
@font-face {
|
||||
font-family: cr105Font;
|
||||
/* 导入的字体文件 */
|
||||
src: url("./res/font/ChillReunion_105S.otf");
|
||||
}
|
||||
|
||||
@font-face {
|
||||
font-family: cr95Font;
|
||||
/* 导入的字体文件 */
|
||||
src: url("./res/font/ChillReunion_95.otf");
|
||||
}
|
||||
|
||||
@font-face {
|
||||
font-family: cr65sFont;
|
||||
/* 导入的字体文件 */
|
||||
src: url("./res/font/ChillReunion_65S.otf");
|
||||
}
|
||||
|
||||
@font-face {
|
||||
font-family: shFont;
|
||||
/* 导入的字体文件 */
|
||||
src: url("./res/font/SourceHanSansSC-Bold.otf");
|
||||
}
|
||||
|
||||
@font-face {
|
||||
font-family: rxxxtFont;
|
||||
/* 导入的字体文件 */
|
||||
src: url("./res/font/rxxxkat.ttf");
|
||||
}
|
||||
|
||||
@font-face {
|
||||
font-family: kcytFont;
|
||||
/* 导入的字体文件 */
|
||||
src: url("./res/font/jcyt.ttf");
|
||||
}
|
||||
|
||||
|
||||
body {
|
||||
position: absolute;
|
||||
left: -8px;
|
||||
top: -8px;
|
||||
}
|
||||
|
||||
.wrapper{
|
||||
height: 926px;
|
||||
width: 465px;
|
||||
background-color: #FBE4E4;
|
||||
position: relative;
|
||||
font-family: 'cr105Font'
|
||||
}
|
||||
|
||||
.avatar {
|
||||
height: 120px;
|
||||
width: 120px;
|
||||
border-radius: 50%;
|
||||
margin-top: 38px;
|
||||
margin-left: 40px;
|
||||
box-shadow: 0px 0 10px 3px #D6A7A7;
|
||||
}
|
||||
|
||||
.avatar-img {
|
||||
height: 120px;
|
||||
width: 120px;
|
||||
border-radius: 50%;
|
||||
}
|
||||
|
||||
.top-head {
|
||||
width: 100%;
|
||||
height: 179px;
|
||||
color: #D37B8D;
|
||||
}
|
||||
|
||||
.nickname {
|
||||
margin-top: 43px;
|
||||
margin-left: 30px;
|
||||
font-size: 47px;
|
||||
/* align-items: center;
|
||||
justify-content: center; */
|
||||
/* display: flex; */
|
||||
width: 275px;
|
||||
height: 67px;
|
||||
display: -webkit-box;
|
||||
-webkit-line-clamp: 2;
|
||||
-webkit-box-orient: vertical;
|
||||
overflow: hidden;
|
||||
text-overflow: ellipsis;
|
||||
white-space: normal;
|
||||
}
|
||||
|
||||
.uid {
|
||||
font-size: 21px;
|
||||
position: absolute;
|
||||
width: 255px;
|
||||
top: 84px;
|
||||
left: 30px;
|
||||
font-family: 'cr95Font'
|
||||
}
|
||||
|
||||
.rl-img {
|
||||
height: 90px;
|
||||
width: 90px;
|
||||
position: absolute;
|
||||
top: 27px;
|
||||
left: 30px;
|
||||
}
|
||||
|
||||
.zx-img {
|
||||
height:238px;
|
||||
width: 120px;
|
||||
left: 306px;
|
||||
position: absolute;
|
||||
z-index: 999;
|
||||
}
|
||||
|
||||
.text-day {
|
||||
font-size: 25px;
|
||||
margin-left: 130px;
|
||||
margin-top: 46px;
|
||||
font-family: 'shFont';
|
||||
}
|
||||
|
||||
.text-zx {
|
||||
font-family: 'cr65sFont';
|
||||
position: absolute;
|
||||
top: 72px;
|
||||
left: 130px;
|
||||
width: 200px;
|
||||
}
|
||||
|
||||
.sign-content{
|
||||
width: 100%;
|
||||
height: 160px;
|
||||
position: relative;
|
||||
}
|
||||
|
||||
.sign-top {
|
||||
background-color: #D47E8F;
|
||||
width:445px;
|
||||
height: 150px;
|
||||
position: absolute;
|
||||
left: 9px;
|
||||
color: #FBE4E4;
|
||||
}
|
||||
|
||||
.sign-bottom {
|
||||
background-color: #953B50;
|
||||
width: 445px;
|
||||
height: 150px;
|
||||
position: absolute;
|
||||
top: 10px;
|
||||
left: 15px
|
||||
}
|
||||
|
||||
.qian {
|
||||
position: absolute;
|
||||
left: 15px;
|
||||
top: 16px;
|
||||
height: 132px;
|
||||
}
|
||||
|
||||
.sign-data{
|
||||
width: 100%;
|
||||
height: 207px;
|
||||
font-family: 'kcytFont';
|
||||
position: relative;
|
||||
color: #D47E8F;
|
||||
}
|
||||
|
||||
.today-text {
|
||||
font-size: 50px;
|
||||
position: absolute;
|
||||
top: -40px;
|
||||
left: 130px;
|
||||
}
|
||||
|
||||
.abs-text {
|
||||
position: absolute;
|
||||
font-size: 30px;
|
||||
z-index: 2;
|
||||
width: 465px;
|
||||
}
|
||||
|
||||
.gift {
|
||||
text-align: center;
|
||||
/* float: left; */
|
||||
/* margin-top: 150px; */
|
||||
}
|
||||
|
||||
|
||||
|
||||
.sign-text {
|
||||
font-size: 30px;
|
||||
position: absolute;
|
||||
top: 60px;
|
||||
left: 140px;
|
||||
}
|
||||
|
||||
.sign-num {
|
||||
font-size: 30px;
|
||||
position: absolute;
|
||||
top: 60px;
|
||||
}
|
||||
|
||||
.line {
|
||||
background-color: #D1778A;
|
||||
width: 435px;
|
||||
height: 3px;
|
||||
margin-left: 15px;
|
||||
}
|
||||
.bottom-foot{
|
||||
width: 100%;
|
||||
height: 376px;
|
||||
position: relative;
|
||||
font-family: 'rxxxtFont';
|
||||
color: #D47E8F;
|
||||
}
|
||||
|
||||
.heart-list {
|
||||
position: absolute;
|
||||
top: 76px;
|
||||
left: 15px;
|
||||
width: 435px;
|
||||
}
|
||||
|
||||
.heart-img {
|
||||
height: 30px;
|
||||
width: 30px;
|
||||
}
|
||||
|
||||
.cur-text {
|
||||
font-size: 32px;
|
||||
left: 10px;
|
||||
top: -21px;
|
||||
position: absolute;
|
||||
}
|
||||
|
||||
.bot-text {
|
||||
font-size: 30px;
|
||||
position: absolute;
|
||||
top: 85px;
|
||||
left: 15px;
|
||||
width: 435px;
|
||||
}
|
||||
|
||||
.progress-border {
|
||||
position: absolute;
|
||||
top: 273px;
|
||||
left: 19px;
|
||||
width: 313px;
|
||||
height: 30px;
|
||||
border: #DF9DA8 1px solid;
|
||||
}
|
||||
.progress-bar {
|
||||
height: 30px;
|
||||
background-color: #D47E8F;
|
||||
}
|
||||
|
||||
.weather-img {
|
||||
width: 70px;
|
||||
height: 70px;
|
||||
position: absolute;
|
||||
top: 37px;
|
||||
left: 371px;
|
||||
}
|
||||
|
||||
.mbl-img {
|
||||
width: 132px;
|
||||
height: 164px;
|
||||
position: absolute;
|
||||
top: 145px;
|
||||
left: 333px;
|
||||
}
|
||||
|
||||
.wd{
|
||||
position: absolute;
|
||||
font-size: 35px;
|
||||
top: 60px;
|
||||
left: 377px;
|
||||
}
|
||||
|
||||
.date {
|
||||
position: absolute;
|
||||
font-size: 20px;
|
||||
top: 350px;
|
||||
left: 250px;
|
||||
font-family: 'rxxxtFont';
|
||||
width: 210px;
|
||||
}
|
||||
@@ -1,81 +0,0 @@
|
||||
</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>
|
||||
@@ -1,17 +0,0 @@
|
||||
let wdDom = document.querySelector(".wd")
|
||||
|
||||
let wd = Math.floor(Math.random() * 40) + 1
|
||||
|
||||
wdDom.innerHTML = wd + "℃"
|
||||
|
||||
let weatherDom = document.querySelector(".weather-img")
|
||||
|
||||
let r = Math.floor(Math.random() * 12)
|
||||
|
||||
weatherDom.src = "res/img/weather/" + r + ".png"
|
||||
|
||||
let qianDom = document.querySelector(".qian")
|
||||
|
||||
let r1 = Math.floor(Math.random() * 6)
|
||||
|
||||
qianDom.src = "res/img/tag/" + r1 + ".png"
|
||||
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
|
Before Width: | Height: | Size: 238 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 1.5 MiB |
Binary file not shown.
|
Before Width: | Height: | Size: 8.7 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 5.3 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 3.7 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 4.7 KiB |
Some files were not shown because too many files have changed in this diff Show More
Reference in New Issue
Block a user