随机播放渐入渐出

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

@@ -70,24 +70,26 @@ 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([
-    '湖口润泉水源地',
-    '会昌润泉石壁坑水库',
-    '景德镇水务公司',
-    '景德镇水务新洋湖水厂',
-    '乐平润泉水务公司',
-    '南城润泉麻源水库1',
-    '南城润泉麻源水库2',
-    '南城润泉麻源水库3',
-    '南康润泉龙华水厂',
-    '南康润泉龙华水厂2',
-    // '上高润泉第二水厂',
-    '上高润泉第二水厂平流沉淀池',
-    '上高润泉水务公司',
-    // '上高润泉水务公司2',
-    '寻乌润泉大路水厂',
-    // '永修润泉湖东水厂',
-  ]);
+  const [img, setImg] = useState(
+    [
+      '湖口润泉水源地',
+      '会昌润泉石壁坑水库',
+      '景德镇水务公司',
+      '景德镇水务新洋湖水厂',
+      '乐平润泉水务公司',
+      '南城润泉麻源水库1',
+      '南城润泉麻源水库2',
+      '南城润泉麻源水库3',
+      '南康润泉龙华水厂',
+      '南康润泉龙华水厂2',
+      // '上高润泉第二水厂',
+      '上高润泉第二水厂平流沉淀池',
+      '上高润泉水务公司',
+      // '上高润泉水务公司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')}
       >