无限次重复当前段

index.html

@@ -423,6 +423,9 @@ <h1>玫枫跟打器<br>(<a target="_blank" href="https://github.com/KyleBing/typ
                <div onclick="engine.repeatCountAdd()" title="增加重打次数">+</div>
                <div onclick="engine.repeatCountMinus()" title="减少重打次数">-</div>
             </div>
+            <div class="btn-vertical">
+               <div onclick="engine.repeatCountInfinity()" title="不限次重打">∞</div>
+            </div>
          </div>
          <div class="btn-group">
             <label class="hidden" for="article"></label>

js/class/Engine.js

@@ -174,7 +174,7 @@ define(
          this.config.isBigCharacter ? enterBigCharacterMode() : leaveBigCharacterMode();
 
          // Repeat Monitor
-         $('#repeatCountTotal').innerText = this.config.repeatCountTotal
+         $('#repeatCountTotal').innerText = this.config.repeatCountTotal == Number.MAX_VALUE ? '∞' : this.config.repeatCountTotal
          $('#repeatCountCurrent').innerText = this.config.repeatCountCurrent
 
          this.currentOriginWords = this.config.article.split('');
@@ -511,22 +511,39 @@ define(
 
       // 重复次数 +
       repeatCountAdd(){
-         this.config.repeatCountTotal++;
-         $('#repeatCountTotal').innerText = this.config.repeatCountTotal;
-         this.config.save()
+         if (this.config.repeatCountTotal != Number.MAX_VALUE) {
+            this.config.repeatCountTotal++;
+            $('#repeatCountTotal').innerText = this.config.repeatCountTotal;
+            this.config.save()
+         } else {
+            console.log('cannot be greater than infinity')
+            let btn = $('#repeatMonitor')
+            Utility.shakeDom(btn)
+         }
       }
       // 重复次数 -
       repeatCountMinus(){
-         if (this.config.repeatCountTotal > 1){
+         if (this.config.repeatCountTotal > 1 && this.config.repeatCountTotal != Number.MAX_VALUE){
             this.config.repeatCountTotal--;
             $('#repeatCountTotal').innerText = this.config.repeatCountTotal;
             this.config.save()
          } else {
-            console.log('can not lower than 1')
+            console.log('can not lower than 1 or infinite')
             let btn = $('#repeatMonitor')
             Utility.shakeDom(btn)
          }
       }
+      // 不限重复次数
+      repeatCountInfinity() {
+         if (this.config.repeatCountTotal != Number.MAX_VALUE) {
+            this.config.repeatCountTotal = Number.MAX_VALUE
+            $('#repeatCountTotal').innerText = '∞';
+         } else {
+            this.config.repeatCountTotal = 1
+            $('#repeatCountTotal').innerText = this.config.repeatCountTotal;
+         }
+         this.config.save()
+      }
 
       // 切换全局内容乱序模式
       shuffleCurrentArticle() {

scss/mixin/_black.scss

@@ -169,6 +169,10 @@ body.black {
       > *{
         border-right: none;
         border-bottom: 1px solid $black-color-border;
+        display: flex;
+        align-items: center;
+        justify-content: center;
+        height: 100%;
         &:last-child{
           border-bottom: none;
         }

scss/mixin/_button.scss

@@ -171,6 +171,10 @@ input[type=checkbox]:checked + label.checker {
     flex-flow: column nowrap;
     justify-content: center;
     align-items: center;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    height: 100%;
     > *{
       @extend .btn;
       padding: 2px;

scss/typepad.css

@@ -720,8 +720,11 @@ input[type=checkbox]:checked + label.checker {
   text-align: center;
   background-color: #fff;
   border-bottom: 1px solid #dddddd;
-  height: 50%;
   width: 20px;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  height: 100%;
 }
 .btn-group .btn-vertical > *:last-child {
   border-bottom: none;