随机播放渐入渐出

src/pages/user/login/template/project/jiangxiNew/index.js

@@ -70,7 +70,8 @@ const Login = forwardRef((props, _ref) => {
   const [action, setAction] = useState(() => new LoginAction(Object.assign({}, props, { history }), setVisible, false));
   const [dateObj, setDateObj] = useState({});
   const [loginType, setLoginType] = useState('OA账号');
-  const [img, setImg] = useState([
+  const [img, setImg] = useState(
+    [
       '湖口润泉水源地',
       '会昌润泉石壁坑水库',
       '景德镇水务公司',
@@ -87,7 +88,8 @@ const Login = forwardRef((props, _ref) => {
       // '上高润泉水务公司2',
       '寻乌润泉大路水厂',
       // '永修润泉湖东水厂',
-  ]);
+    ].sort(() => 0.5 - Math.random()),
+  );
   const [imgObj, setimgObj] = useState({
     湖口润泉水源地,
     会昌润泉石壁坑水库,
@@ -250,7 +252,7 @@ const Login = forwardRef((props, _ref) => {
   const getBJ = (url) => {
     return (
       <div
-        style={{ background: `url(${url}) no-repeat` }}
+        style={{ background: `url(${url}) no-repeat`,  transition: 'background-image 1s' }}
         className={classnames(styles.lvchenglogin, 'lvcheng')}
       >