no message

src/widgets/WWelfarebar/index.jsx

@@ -12,24 +12,25 @@ import {useSidebar} from "@contexts/sidebarContext";
 const i18n=global.i18n;
 const WelfareBtn=({children,open=false,pressDown=false,...props})=>{
     return (
-        <button className={`${styles.wlf_btn} ${open?styles.wlf_btn_open:styles.wlf_btn_close} ${pressDown?styles.wlf_btn_press:''}`}
-                {...props}
+        <button
+            className={`${styles.wlf_btn} ${open ? styles.wlf_btn_open : styles.wlf_btn_close} ${pressDown ? styles.wlf_btn_press : ''}`}
+            {...props}
         >
             {
-                children==null?(<></>):children
+                children == null ? (<></>) : children
             }
         </button>
     )
 }
 const WWelfarebar = () => {
     const dispatch = useDispatch();
-    const user=useSelector(getUserInfo);
+    const user = useSelector(getUserInfo);
     //0:1,1:1,2:1
     // const [openState, setOpenState] = useState({});
-    const [openProtect,setOpenProtect]=useState(0);
-    const [openFirst,setOpenFirst]=useState(0);
-    const [openBind,setOpenBind]=useState(0);
-    const firstPayConf=useSelector(getOFirstPay);
+    const [openProtect, setOpenProtect] = useState(0);
+    const [openFirst, setOpenFirst] = useState(0);
+    const [openBind, setOpenBind] = useState(0);
+    const firstPayConf = useSelector(getOFirstPay);
     const popBindPhone=useSelector(getPopBindPhone);
     const firstBonus=useSelector(getFirstBonus);
     const openRelief=useSelector(getOpenRelief);

src/widgets/WWelfarebar/styles.module.scss

@@ -12,6 +12,7 @@ $leftb_1:"./../../assets/welfare/leftb_1.png";
   display: flex;
   flex-direction: column;
   gap: 0.8rem;
+  transition: all var(--transition);
 }
 .wlf_btn{
   display: flex;
@@ -32,7 +33,7 @@ $leftb_1:"./../../assets/welfare/leftb_1.png";
   &_open{
     opacity: 1;
     transform: translateX(0%);
-    transition: opacity .3s ease, .3s ease;
+    transition: opacity .3s ease, transform .3s ease;
   }
   &_close{
     opacity: 0;