#喵喵帮助及其他部分页面样式调整

This commit is contained in:
yoimiya-kokomi 2022-09-25 19:53:23 +08:00
parent b236790630
commit 2309f57049
9 changed files with 31 additions and 13 deletions

View File

@ -1,26 +1,29 @@
# 2.0 Alpha.7 # 2.0 Alpha.8
* `#喵喵帮助`配置功能升级
* 为统一配置目录,配置文件迁移至**config/help.js**
* 如之前自定义过配置文件原目录下的help-cfg.js仍能够识别但建议移至新目录以使用更多功能
* 支持帮助文字、背景颜色通过配置自定义防止后续css冲突
* 支持图片毛玻璃效果,默认开启,可通过配置关闭
* `#上传深渊` 页面样式调整 * `#上传深渊` 页面样式调整
* 队伍人数少于4人时展示样式优化样式未完全稳定 * 队伍人数少于4人时展示样式优化样式未完全稳定
* 武器、圣遗物 meta数据及图像资源逻辑更新
* 重构武器及圣遗物的底层处理逻辑,重构页面引用图像资源的逻辑
* 图像资源更新为webp格式
* 可能会导致一些展示异常,如遇问题请反馈
* 一些已知Bug修复
# 2.0 Alpha.1~6 # 2.0 Alpha.1~8
* `#面板练度统计` 功能调整 * `#面板练度统计` 功能调整
* 样式由深色调整为浅色方案 * 样式由深色调整为浅色方案
* 在未绑定CK时使用本地面板数据展示练度信息 * 在未绑定CK时使用本地面板数据展示练度信息
* MysApi内部逻辑重写 * MysApi内部逻辑重写
* 在未绑定CK时会使用本地面板数据综合计算以使信息展示更完备 * 在未绑定CK时会使用本地面板数据综合计算以使信息展示更完备
* 优化V3下获取Uid及CK的逻辑防止一些情况下触发报错
* 重写`#刻晴`的角色卡片样式 * 重写`#刻晴`的角色卡片样式
* 样式整体升级 * 样式整体升级
* 未绑定CK时会同时使用本地面板数据进行展示 * 未绑定CK时会同时使用本地面板数据进行展示
* `#妮露天赋` 等页面样式微调 * 武器、圣遗物 meta数据及图像资源逻辑更新
* 重构武器及圣遗物的底层处理逻辑,重构页面引用图像资源的逻辑
* 图像资源更新为webp格式
* `#深渊配队`、`#戳一戳` 适配V3 * `#深渊配队`、`#戳一戳` 适配V3
* 优化V3下获取Uid及CK的逻辑防止一些情况下触发报错 * 其他部分页面样式微调
# Alpha 2.0.0 # Alpha 2.0.0

View File

@ -338,10 +338,12 @@ body {
left: 0; left: 0;
right: 0; right: 0;
padding: 4px 0; padding: 4px 0;
box-shadow: none;
} }
.bottom-mode .char-detail > .cont { .bottom-mode .char-detail > .cont {
background: none; background: none;
box-shadow: none; box-shadow: none;
backdrop-filter: none;
margin: 5px 0 0; margin: 5px 0 0;
} }
.bottom-mode .char-detail > .cont.left-line:after, .bottom-mode .char-detail > .cont.left-line:after,
@ -388,6 +390,7 @@ body {
padding: 4px 0; padding: 4px 0;
background: none; background: none;
box-shadow: none; box-shadow: none;
backdrop-filter: none;
display: block; display: block;
} }
.left-mode .char-detail > .cont { .left-mode .char-detail > .cont {

View File

@ -396,10 +396,12 @@ body {
left: 0; left: 0;
right: 0; right: 0;
padding: 4px 0; padding: 4px 0;
box-shadow: none;
& > .cont { & > .cont {
background: none; background: none;
box-shadow: none; box-shadow: none;
backdrop-filter: none;
margin: 5px 0 0; margin: 5px 0 0;
&.left-line, &.left-line,
@ -464,6 +466,7 @@ body {
padding: 4px 0; padding: 4px 0;
background: none; background: none;
box-shadow: none; box-shadow: none;
backdrop-filter: none;
display: block; display: block;
& > .cont { & > .cont {

View File

@ -65,6 +65,9 @@ body {
border-radius: 4px; border-radius: 4px;
overflow: hidden; overflow: hidden;
} }
.detail ul.attr {
backdrop-filter: blur(4px);
}
.detail ul.attr li { .detail ul.attr li {
width: 300px; width: 300px;
font-size: 17px; font-size: 17px;

View File

@ -73,6 +73,8 @@ body {
} }
.detail ul.attr { .detail ul.attr {
backdrop-filter: blur(4px);
li { li {
width: 300px; width: 300px;
font-size: 17px; font-size: 17px;

View File

@ -259,6 +259,7 @@ body {
border-radius: 10px; border-radius: 10px;
background: url("../common/cont/card-bg.png") top left repeat-x; background: url("../common/cont/card-bg.png") top left repeat-x;
background-size: auto 100%; background-size: auto 100%;
backdrop-filter: blur(3px);
margin: 5px 15px 5px 10px; margin: 5px 15px 5px 10px;
position: relative; position: relative;
box-shadow: 0 0 1px 0 #ccc, 2px 2px 4px 0 rgba(50, 50, 50, 0.8); box-shadow: 0 0 1px 0 #ccc, 2px 2px 4px 0 rgba(50, 50, 50, 0.8);

View File

@ -183,6 +183,7 @@ each(@elems, {
border-radius: 10px; border-radius: 10px;
background: url("../common/cont/card-bg.png") top left repeat-x; background: url("../common/cont/card-bg.png") top left repeat-x;
background-size: auto 100%; background-size: auto 100%;
backdrop-filter: blur(3px);
margin: 5px 15px 5px 10px; margin: 5px 15px 5px 10px;
position: relative; position: relative;
box-shadow: 0 0 1px 0 #ccc, 2px 2px 4px 0 rgba(50, 50, 50, .8); box-shadow: 0 0 1px 0 #ccc, 2px 2px 4px 0 rgba(50, 50, 50, .8);

View File

@ -53,7 +53,8 @@ body,
.abyss-stat .stat-msg { .abyss-stat .stat-msg {
position: absolute; position: absolute;
bottom: 0; bottom: 0;
background: rgba(0, 0, 0, 0.65); background: rgba(0, 0, 0, 0.55);
backdrop-filter: blur(2px);
padding: 5px 10px; padding: 5px 10px;
width: 100%; width: 100%;
text-shadow: 0 0 1px #000; text-shadow: 0 0 1px #000;
@ -70,7 +71,7 @@ body,
color: #d3bc8e; color: #d3bc8e;
} }
.avatar-banner { .avatar-banner {
height: 250px; height: 265px;
width: 175px; width: 175px;
background-repeat: no-repeat; background-repeat: no-repeat;
background-size: 100% auto; background-size: 100% auto;

View File

@ -60,7 +60,8 @@ body, .container {
.stat-msg { .stat-msg {
position: absolute; position: absolute;
bottom: 0; bottom: 0;
background: rgba(0, 0, 0, 0.65); background: rgba(0, 0, 0, 0.55);
backdrop-filter: blur(2px);
padding: 5px 10px; padding: 5px 10px;
width: 100%; width: 100%;
text-shadow: 0 0 1px #000; text-shadow: 0 0 1px #000;
@ -82,7 +83,7 @@ body, .container {
.avatar-banner { .avatar-banner {
height: 250px; height: 265px;
width: 175px; width: 175px;
background-repeat: no-repeat; background-repeat: no-repeat;
background-size: 100% auto; background-size: 100% auto;