From b07e1577b075c1c0fb332fe9e5f67c1ca1bd0caa Mon Sep 17 00:00:00 2001 From: KyleBing Date: Thu, 29 Sep 2022 22:26:30 +0800 Subject: [PATCH] =?UTF-8?q?=E6=B8=85=E7=A9=BA=E5=9B=BE=E8=A1=A8=E8=AE=B0?= =?UTF-8?q?=E5=BD=95?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- CHANGELOG.md | 2 ++ img/reset.png | Bin 0 -> 5531 bytes index.html | 12 +++++++++--- js/class/Engine.js | 5 +++++ js/class/Score.js | 24 +++++++++++++++++++++++ scss/mixin/_score.scss | 27 +++++++++++++++++++++++++- scss/typepad.css | 43 ++++++++++++++++++++++++++++++++++++++++- 7 files changed, 108 insertions(+), 5 deletions(-) create mode 100644 img/reset.png diff --git a/CHANGELOG.md b/CHANGELOG.md index 4647b80..7487f51 100644 --- a/CHANGELOG.md +++ b/CHANGELOG.md @@ -2,6 +2,8 @@ ### v2.65 `2022-09-26` - 状图展示：击键、码长、速度 +- fix 记录重复数错误 +- 清空图表记录 ### v2.64 `2022-09-23` - 展示当前跟打类型的统计数据 diff --git a/img/reset.png b/img/reset.png new file mode 100644 index 0000000000000000000000000000000000000000..af386c5722559821ee40e62b603654101496b75e GIT binary patch literal 5531 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 Y{=>*R^YKPF{il#>s%ooLDm@SW4>(|M&;S4c literal 0 HcmV?d00001 diff --git a/index.html b/index.html index 49aabed..d147b92 100755 --- a/index.html +++ b/index.html @@ -199,7 +199,9 @@
-
击键
+
击键 +
reset
+
1
2
@@ -218,7 +220,9 @@
-
速度 × 10
+
速度 × 10 +
reset
+
3
6
@@ -239,7 +243,9 @@
-
码长
+
码长 +
reset
+
1
2
diff --git a/js/class/Engine.js b/js/class/Engine.js index 4c84c72..eec4af4 100755 --- a/js/class/Engine.js +++ b/js/class/Engine.js @@ -1051,7 +1051,12 @@ define( $(`.score-statistics-item.speed.level-${suffix} .process`).style.height = `${speed * HEIGHT_BAR / speedMax}px` } }) + } + // 清除某种类似文章的 某项数据 + clearScoreOf(typeOfScore){ + this.score.clearScoreFor(this.config.articleType, typeOfScore) + this.updateInfo() } } diff --git a/js/class/Score.js b/js/class/Score.js index ed32b44..a4c7fe4 100644 --- a/js/class/Score.js +++ b/js/class/Score.js @@ -95,6 +95,30 @@ define(['Article', 'ArticleType'],function (Article, ArticleType) { } } + // 清除某种类似文章的 某项数据 + clearScoreFor(articleType, typeOfScore){ + switch (typeOfScore){ + case 'HitRate': + for (let i = 0; i < 15; i++) { + this[articleType]['hitRate' + (i + 1)] = 0 + } + this.save() + break; + case 'Speed': + for (let i = 0; i < 14; i++) { + this[articleType]['speed' + String((i + 1) * 30)] = 0 + } + this.save() + break; + case 'CodeLength': + for (let i = 0; i < 10; i++) { + this[articleType]['codeLength' + (i + 1)] = 0 + } + this.save() + break; + } + } + save(){ localStorage.setItem(SCORE_NAME, JSON.stringify(this)); } diff --git a/scss/mixin/_score.scss b/scss/mixin/_score.scss index 2501ada..daae44f 100644 --- a/scss/mixin/_score.scss +++ b/scss/mixin/_score.scss @@ -24,7 +24,7 @@ .score{ color: $text-main; font-family: 'JetBrainsMonoOnlyCharacter'; - font-size: 14px; + font-size: 13px; } .desc{ color: $text-comment; @@ -35,7 +35,32 @@ .score-statistics-container{ .title{ + cursor: pointer; + width: 100%; margin-bottom: 5px; + display: flex; + justify-content: flex-start; + .btn-img{ + @include border-radius(20px); + opacity: 0; + @include transition(all 0.3s); + cursor: pointer; + width: 15px; + img{ + display: block; + width: 100%; + } + &:active{ + @include transform(rotate(-1080deg) !important); + } + } + &:hover{ + .btn-img{ + opacity: 1; + @include transition(all 0.3s); + @include transform(rotate(-360deg)); + } + } } .score-statistics-list{ display: flex; diff --git a/scss/typepad.css b/scss/typepad.css index 295ed67..8cffb7e 100755 --- a/scss/typepad.css +++ b/scss/typepad.css @@ -1333,7 +1333,7 @@ body.black .text-black { .score-info-item .score { color: #333; font-family: "JetBrainsMonoOnlyCharacter"; - font-size: 14px; + font-size: 13px; } .score-info-item .desc { color: #999; @@ -1342,7 +1342,48 @@ body.black .text-black { } .score-statistics-container .title { + cursor: pointer; + width: 100%; margin-bottom: 5px; + display: flex; + justify-content: flex-start; +} +.score-statistics-container .title .btn-img { + -webkit-border-radius: 20px; + -moz-border-radius: 20px; + border-radius: 20px; + opacity: 0; + -webkit-transition: all 0.3s; + -moz-transition: all 0.3s; + -ms-transition: all 0.3s; + -o-transition: all 0.3s; + transition: all 0.3s; + cursor: pointer; + width: 15px; +} +.score-statistics-container .title .btn-img img { + display: block; + width: 100%; +} +.score-statistics-container .title .btn-img:active { + -webkit-transform: rotate(-1080deg) !important; + -moz-transform: rotate(-1080deg) !important; + -ms-transform: rotate(-1080deg) !important; + -o-transform: rotate(-1080deg) !important; + transform: rotate(-1080deg) !important; +} +.score-statistics-container .title:hover .btn-img { + opacity: 1; + -webkit-transition: all 0.3s; + -moz-transition: all 0.3s; + -ms-transition: all 0.3s; + -o-transition: all 0.3s; + transition: all 0.3s; + -webkit-transform: rotate(-360deg); + -moz-transform: rotate(-360deg); + -ms-transform: rotate(-360deg); + -o-transform: rotate(-360deg); + transform: rotate(-360deg); } .score-statistics-container .score-statistics-list { display: flex;