Yunzai-Plugin/ZZZ-Plugin
1
0
Fork 0
mirror of https://github.com/ZZZure/ZZZ-Plugin.git synced 2025-12-16 13:17:32 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions

update: panel

Browse source
This commit is contained in:
bietiaop 2024-07-18 14:26:12 +08:00
parent 3d54e240a7
commit 9bd603e3c9
9 changed files with 92 additions and 10 deletions
Download patch file Download diff file Expand all files Collapse all files

13
CHANGELOG.md
View file

@ -1,3 +1,16 @@
# 0.1
* 刷新角色面板图片版
* 优化指令分配
* 添加版本信息
# 0.05
* 支持查看角色面板，发送 `%角色名/别名+面板`
* 修复一些问题
# 0.04
* 支持获取抽卡链接，发送 `%获取抽卡链接`
* 支持面板刷新，发送 `%刷新面板`
# 0.0.3
* 支持抽卡刷新，发送 `#zzz刷新抽卡链接` 或 `%刷新抽卡链接`

4
apps/panel.js
View file

@ -62,10 +62,6 @@ export class Panel extends ZZZPlugin {
const uid = await this.getUID();
if (!uid) return false;
const result = getPanelList(uid);
if (!result) {
await this.reply('未找到面板列表，请先刷新面板');
return false;
}
await this.getPlayerInfo();
const timer = setTimeout(() => {
if (this?.reply) {

2
lib/render.js
View file

@ -73,7 +73,7 @@ const render = (e, renderPath, renderData = {}, cfg = {}) => {
// 版权信息
copyright: `Created By ${version.name}<span class="version">${version.yunzai}</span> & ${pluginName}<span class="version">${version.version}</span>`,
// 版权信息（简化版）
createdby: `Created By <span class="highlight">${pluginName}</span> & Powered By <span class="highlight">ZZZure</span>`,
createdby: `Created By <div class="highlight with-version"><span>${pluginName}</span><div class="version">${version.version}</div></div> & Powered By <div class="highlight">ZZZure</div>`,
},
quality: 100,
};

18
resources/common/layout/index.css
View file

@ -18,13 +18,29 @@ body {
}
.copyright {
text-align: center;
font-size: 0.7em;
color: #797979;
padding-bottom: 2em;
display: flex;
justify-content: center;
align-items: center;
gap: 0.3em;
}
.copyright .highlight {
color: #fff;
position: relative;
}
.copyright .with-version {
padding-right: 1.8em;
}
.copyright .with-version .version {
padding: 0.1em 0.3em;
border-radius: 0.2em;
font-size: 0.8em;
color: #fff;
position: absolute;
top: -0.5em;
right: -0.5em;
}
/*# sourceMappingURL=index.css.map */

19
resources/common/layout/index.scss
View file

@ -21,11 +21,28 @@ body {
}
.copyright {
text-align: center;
font-size: 0.7em;
color: #797979;
padding-bottom: 2em;
display: flex;
justify-content: center;
align-items: center;
gap: 0.3em;
.highlight {
color: #fff;
position: relative;
}
.with-version {
padding-right: 1.8em;
.version {
// background-color: #3f3f3f;
padding: 0.1em 0.3em;
border-radius: 0.2em;
font-size: 0.8em;
color: #fff;
position: absolute;
top: -0.5em;
right: -0.5em;
}
}
}

5
resources/panel/list.html
View file

@ -12,6 +12,9 @@
<div class="icon"></div>
</div>
<div class="list">
{{if list.length === 0}}
<div class="empty">暂无数据，请先刷新面板</div>
{{/if}}
{{each list item}}
<div class="item">
<div class="icon">
@ -30,4 +33,4 @@
</div>
{{/block}}
</html>
</html>

16
resources/panel/refresh.css
View file

@ -61,6 +61,13 @@
align-content: flex-start;
padding: 0.4em 0.6em 0.5em;
}
.panel > .list .empty {
color: white;
font-size: 0.8em;
text-align: center;
width: 100%;
padding-top: 0.6em;
}
.panel > .list .item {
display: flex;
flex-direction: column;
@ -74,6 +81,15 @@
margin-bottom: 0.2em;
position: relative;
}
.panel > .list .item .icon .new {
position: absolute;
right: 0.2em;
top: 0.4em;
width: 0.5em;
height: 0.5em;
background-color: rgb(51, 235, 0);
border-radius: 50%;
}
.panel > .list .item .icon img.streng {
width: 3.5em;
height: 3.5em;

8
resources/panel/refresh.html
View file

@ -12,9 +12,15 @@
<div class="icon"></div>
</div>
<div class="list">
{{if list.length === 0}}
<div class="empty">暂无数据，请确认查询正确</div>
{{/if}}
{{each list item}}
<div class="item">
<div class="icon">
{{if item?.isNew}}
<div class="new"></div>
{{/if}}
<img class="streng" src="{{item.square_icon}}" alt="" />
<div class="rank r{{item.rank}}">
<span> {{item.rank}} </span>
@ -30,4 +36,4 @@
</div>
{{/block}}
</html>
</html>

17
resources/panel/refresh.scss
View file

@ -60,7 +60,13 @@
flex-wrap: wrap;
align-content: flex-start;
padding: 0.4em 0.6em 0.5em;
.empty {
color: white;
font-size: 0.8em;
text-align: center;
width: 100%;
padding-top: 0.6em;
}
.item {
display: flex;
flex-direction: column;
@ -72,6 +78,15 @@
background: url('./images/avatar_box.png') center / contain no-repeat;
margin-bottom: 0.2em;
position: relative;
.new {
position: absolute;
right: 0.2em;
top: 0.4em;
width: 0.5em;
height: 0.5em;
background-color: rgb(51, 235, 0);
border-radius: 50%;
}
img.streng {
width: 3.5em;
height: 3.5em;