From a03e226448c538a601b9fd84db4ecf8ecb170d5a Mon Sep 17 00:00:00 2001 From: Chuangbo Li Date: Mon, 10 Oct 2022 18:30:32 +0800 Subject: [PATCH] =?UTF-8?q?=F0=9F=8E=A8=20=E5=BE=AE=E8=B0=83=20/stats=20?= =?UTF-8?q?=E7=92=83=E6=9C=88=E9=A2=9C=E8=89=B2?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- resources/genshin/stats/example/liyue.css | 46 ++-- resources/genshin/stats/example/liyue.html | 295 +++++++++++++++++---- resources/genshin/stats/liyue.css | 17 +- resources/genshin/stats/stats.html | 2 +- 4 files changed, 276 insertions(+), 84 deletions(-) diff --git a/resources/genshin/stats/example/liyue.css b/resources/genshin/stats/example/liyue.css index 7c79b151..4cca4785 100644 --- a/resources/genshin/stats/example/liyue.css +++ b/resources/genshin/stats/example/liyue.css @@ -1,12 +1,9 @@ :root { - --dark: #e0dad3; - --light: #f0ece8; - --white: #f5f5f5; - --grey: #6c6c6c; + --primary: #ffeabd; } body { - background-color: rgba(253, 253, 253, 0.75); + background-color: #f5f6fb; } .header { @@ -15,36 +12,15 @@ body { } .box { - border: 2px solid rgb(255, 233, 144, 0.5); background-color: #9c433d; box-shadow: 0 0 16px rgb(255 233 144 / 50%); } .box-title { background-color: rgb(255, 200, 122, 0.1); - text-align: center; - line-height: 3rem; --tw-ring-color: #ff9966; } - -.box-title h1 { - text-shadow: 0 0 1px #fff; -} - -.stats-box { - color: #ffeabd; -} - -.world-exploration-icon { - -} - -.world-exploration { - border: 1px solid rgb(255, 233, 144, 1); - background-color: rgb(255, 255, 255, 0.01); -} - .pointer-bar { width: 95%; height: 8px; @@ -59,18 +35,28 @@ body { background: linear-gradient(to bottom, #f5efcd, #f8eabd, #ffdf90); } -.test { +.name { background: linear-gradient(to bottom, #ffffff, #ffeabd, #ffdf90); + background-clip: text; -webkit-background-clip: text; color: transparent; } -.test-1 { - color: #ffeabd; +.uid { + color: var(--primary); background: linear-gradient(to right, rgb(0, 0, 0, 0), #cc6666, rgb(0, 0, 0, 0)); } .about { background-color: #e0dad3; color: #8a4d30; -} \ No newline at end of file +} + +.box-stats { + color: var(--primary); +} + +.box-stats-label { + color: var(--primary) !important; + opacity: 0.65; +} diff --git a/resources/genshin/stats/example/liyue.html b/resources/genshin/stats/example/liyue.html index 3f2a58e7..1abd585b 100644 --- a/resources/genshin/stats/example/liyue.html +++ b/resources/genshin/stats/example/liyue.html @@ -1,59 +1,256 @@ - - - - + + + Title - - - - -
-
+ + + + + + +
+
-

胡桃

-

UID -111111111

+

+ 小何 + lv.58 +

+

UID - 125324176

-
-
-
-

数据总览

-
-
-
-
活跃天数
-
114514
+
+
+
+

+ 数据总览 +

+
+
+
493
+
活跃天数
-
-
成就达成数
-
test2
-
-
-
获取角色数
-
test2
-
-
-
深境螺旋
-
12-3
-
-
-
-

世界探索

-
-
-
- -
蒙德
-
22%
-
-
-
+
+
536
+
成就达成数
+ +
+
38
+
获取角色数
+
+ +
+
12-3
+
深境螺旋
+
+ +
+
227
+
解锁传送点
+
+ +
+
41
+
解锁秘境
+
+ +
+
58
+
奇馈宝箱数
+
+ +
+
128
+
华丽宝箱数
+
+ +
+
316
+
珍贵宝箱数
+
+ +
+
1184
+
精致宝箱数
+
+ +
+
1594
+
普通宝箱数
+
+ +
+
65
+
风神瞳
+
+ +
+
131
+
岩神瞳
+
+ +
+
180
+
雷神瞳
+
+ +
+
80
+
草神瞳
+
+
+ +
+

+ 世界探索 +

+
+
+ +
须弥
+
28.0%
+
+
+
+
+ +
+ +
层岩巨渊·地下矿区
+
98.7%
+
+
+
+
+ +
+ +
层岩巨渊
+
92.9%
+
+
+
+
+ +
+ +
渊下宫
+
98.3%
+
+
+
+
+ +
+ +
稻妻
+
100.0%
+
+
+
+
+ +
+ +
龙脊雪山
+
83.6%
+
+
+
+
+ +
+ +
璃月
+
95.9%
+
+
+
+
+ +
+ +
蒙德
+
100.0%
+
+
+
+
+
+
+
- 所有数据会有一小时延迟 以游戏内为准 此处仅供参考 + 所有数据会有一小时延迟 以游戏内为准 此处仅供参考
+
-
- - \ No newline at end of file + + diff --git a/resources/genshin/stats/liyue.css b/resources/genshin/stats/liyue.css index ccaeee9c..5e73809f 100644 --- a/resources/genshin/stats/liyue.css +++ b/resources/genshin/stats/liyue.css @@ -1,9 +1,13 @@ +:root { + --primary: #ffeabd; +} + body { background-color: #f5f6fb; } .header { - background-image: url(background/liyue.png); + background-image: url(./background/liyue.png); box-shadow: 0 0 16px rgb(255 233 144 / 50%); } @@ -39,7 +43,7 @@ body { } .uid { - color: #ffeabd; + color: var(--primary); background: linear-gradient(to right, rgb(0, 0, 0, 0), #cc6666, rgb(0, 0, 0, 0)); } @@ -49,5 +53,10 @@ body { } .box-stats { - color: #ffeabd; -} \ No newline at end of file + color: var(--primary); +} + +.box-stats-label { + color: var(--primary) !important; + opacity: 0.65; +} diff --git a/resources/genshin/stats/stats.html b/resources/genshin/stats/stats.html index 93105c8d..8274a26d 100644 --- a/resources/genshin/stats/stats.html +++ b/resources/genshin/stats/stats.html @@ -31,7 +31,7 @@ {% for label, key in stats_labels %}
{{ stats[key] }}
-
{{ label }}
+
{{ label }}
{% endfor %}