分离文字和图片

src/widgets/WWelfarebar/index.jsx

@@ -207,7 +207,12 @@ const WWelfarebar = () => {
                                 onClick={() => {
                                     global.showBindPhone();
                                 }}>
-                        <img className={`${styles.wlf_bind} iconshake`} src={require("@assets/welfare/veri_"+i18n.language+".png")}/>
+                        <div className={styles.wlf_bind}>
+                            <img className={`${styles.b_icon} iconshake`}
+                                 src={require("@assets/welfare/veri_" + i18n.language + ".png")}/>
+                            <img className={`${styles.b_txt}`}
+                                 src={require("@assets/welfare/bind_txt_" + i18n.language + ".png")}/>
+                        </div>
                     </WelfareBtn>
                 </div>
             </div>

src/widgets/WWelfarebar/styles.module.scss

@@ -107,9 +107,23 @@ $star:"./../../assets/welfare/star.png";
   }
 }
 .wlf_bind{
+  display: flex;
+  position: relative;
+  justify-content: center;
   width: 3.5rem;
-  height: auto;
+  aspect-ratio: 102/99;
   margin-left: -0.5rem;
+  & .b_icon{
+    width: 3.5rem;
+    height: auto;
+  }
+  & .b_txt{
+    position: absolute;
+    z-index: 2;
+    height: 1rem;
+    width: auto;
+    top: 2.8rem;
+  }
 }
 @keyframes shark-wrap {
   to {