init

src/pages/HomePage/Sign/Sign.module.less

@@ -126,5 +126,10 @@
     width: 335px;
     height: 69px;
     .webpBg("HomePage/sign/签到.png");
+
+    &.btnSigned {
+      .webpBg("HomePage/sign/已签到.png");
+    }
+
   }
 }

src/pages/HomePage/Sign/Sign.tsx

@@ -63,7 +63,12 @@ class Sign extends React.Component<any, any> {
               <div className={creditCls}>
                 {!boolSign && <div className={styles.creditTxt}>最高<span>{creditsNum}</span></div>}
               </div>
-              <div className={dayCls}>第{day}天</div>
+
+              {
+                boolSign
+                  ? <div className={dayCls}>已签</div>
+                  : <div className={dayCls}>第{day}天</div>
+              }
             </div>
           })
         }
@@ -83,7 +88,7 @@ class Sign extends React.Component<any, any> {
         transform: `translateX(${signProgress * 0.99}rem)`,
       }}/>
 
-      <Button className={styles.btn} onClick={this.clickSign}/>
+      <Button className={classNames(styles.btn, { [styles.btnSigned]: todaySignFlag })} onClick={this.clickSign}/>
     </div>;
   }
 }