init

mock/main.ts

@@ -77,6 +77,7 @@ export default [
           signCredits: 100,
           extraCredits: 100,
           boolLimit: true,
+          vipLevel: 3,
           multipleValue: 3,
           url: "urlurlurlurlurl",
           taskId: "taskId",

src/panels/SignSucPanel/SignSucPanel.less

@@ -58,7 +58,16 @@
   .vip {
     color: #8f2245;
     text-align: center;
-    font-family: "zzgfyht";
+
+    .txt {
+      font-size: 20px;
+      color: #fdf4e4;
+      position: absolute;
+      left: 410px;
+      top: 644px;
+      width: 162px;
+      text-align: center;
+    }
 
     .tip {
       font-size: 54.52px;
@@ -75,6 +84,7 @@
       top: 581px;
       width: 300px;
       font-size: 43.19px;
+      font-family: "zzgfyht";
     }
 
     .right {
@@ -83,6 +93,7 @@
       top: 581px;
       width: 300px;
       font-size: 43.19px;
+      font-family: "zzgfyht";
     }
 
     .img {

src/panels/SignSucPanel/SignSucPanel.tsx

@@ -16,6 +16,7 @@ export interface ISignSucPanelProps {
   boolLimit: boolean;
   multipleValue: number;
   url: string;
+  vipLevel: number;
   taskId: string;
   newLuckCreditsNum: number;
 }
@@ -35,7 +36,7 @@ class SignSucPanel extends React.Component<ISignSucPanelProps> {
   });
 
   render() {
-    const { signCredits, extraCredits } = this.props;
+    const { signCredits, extraCredits, vipLevel } = this.props;
 
     return <div className="SignSucPanel modal_center">
       <SvgaPlayer className="bgEffect" src={bgEffectSvga}/>
@@ -49,6 +50,7 @@ class SignSucPanel extends React.Component<ISignSucPanelProps> {
             <div className="left">{signCredits}积分</div>
             <div className="right">{extraCredits}积分</div>
             <div className="img"/>
+            <div className="txt">k{vipLevel}会员额外奖励</div>
           </div>
           : <div className="normal">
             <div className="tip">获得{signCredits}积分</div>

src/panels/WedExpPanel/WedExpPanel.less

@@ -67,6 +67,16 @@
       .webpBg("WedExpPanel/会员金币堆.png");
     }
 
+    .txt {
+      font-size: 20px;
+      color: #fdf4e4;
+      position: absolute;
+      left: 415px;
+      top: 601px;
+      width: 164px;
+      text-align: center;
+    }
+
     .multuple {
       position: absolute;
       left: 350px;

src/panels/WedExpPanel/WedExpPanel.tsx

@@ -16,6 +16,7 @@ export interface IWedExpPanelProps {
   boolLimit: boolean;
   multipleValue: number;
   url: string;
+  vipLevel: number;
   taskId: string;
   newLuckCreditsNum: number;
 }
@@ -39,7 +40,7 @@ class WedExpPanel extends React.Component<IWedExpPanelProps> {
 
   render() {
 
-    const { signCredits, extraCredits, multipleValue } = this.props;
+    const { signCredits, extraCredits, multipleValue, vipLevel } = this.props;
 
     const isVip = !!extraCredits;
 
@@ -55,6 +56,7 @@ class WedExpPanel extends React.Component<IWedExpPanelProps> {
         isVip
           ? <div className="vip">
             <div className="img"/>
+            <div className="txt">k{vipLevel}会员额外奖励</div>
             <div className="multuple">{multipleValue}x</div>
           </div>
           : <div className="normal">