'修复图片加载'

config/proxy.js

@@ -9,7 +9,7 @@ module.exports = {
       // target: 'https://panda-water.com',
       // target: 'http://192.168.10.150:8050',
       // target: 'http://192.168.19.103:8112',
-      target: 'http://192.168.12.8:8098',
+      // target: 'http://192.168.12.8:8098',
       // target: 'http://192.168.10.20:8888',
       changeOrigin: true,
       headers: {

src/api/index.js

@@ -6,12 +6,12 @@ import notificationService from './service/notification';
 // eslint-disable-next-line no-return-await
 request.reportCodeError = true;
 
-request.setResponseHandler(response => {
-  if (response.code === 401) {
-    return window.location.reload();
-  }
-  return response;
-});
+// request.setResponseHandler(response => {
+//   if (response.code === 401) {
+//     return window.location.reload();
+//   }
+//   return response;
+// });
 
 request.setErrorHandler((resData, { config }) => {
   if (!config.noErrorTip) {

src/constants.js

@@ -5,6 +5,6 @@ export const SERVICE_APP_LOGIN_MODE = {
   dingding: 'dingding',
   weixin: 'weixin',
   phone: 'phone',
-}
+};
 
 export const SERVICE_APP_CLOSE_ALL_TABS = 'app.close.tabs';

src/pages/transitionalpage/index.js

@@ -85,7 +85,7 @@ class ProjectBox extends React.Component {
         return (
           <div
             style={{
-              backgroundImage: `url(${require('../../assets/transitionalpage/' +
+              background: `url(${require('../../assets/transitionalpage/' +
                 item +
                 '.png')})`,
             }}
@@ -95,17 +95,14 @@ class ProjectBox extends React.Component {
               type={item}
               key={item}
               onClick={event => callback(event, item)}
-              onMouseEnter={e => {
-                this.mouseOveHandle(item);
-              }}
-              onMouseLeave={e => {
-                this.mouseOutHandle(item);
-              }}
               style={{
-                backgroundImage: `url(${require('../../assets/transitionalpage/' +
-                  (!this.state[item] ? item + '图.jpg' : item + '图动.gif'))})`,
+                background: `url(${require('../../assets/transitionalpage/'+item + '图.jpg')})`,
               }}
             >
+               <img src={  this.state[item] ? require(`../../assets/transitionalpage/${item}图动.gif`): require(`../../assets/transitionalpage/${item}图.jpg`) }
+                    onMouseEnter={e =>  this.mouseOveHandle(item)}
+                    onMouseLeave={e =>  this.mouseOutHandle(item)}
+               />
               <div>{item}</div>
               {/* <div className={styles.bootPageitemImgB}>
             </div> */}

src/pages/transitionalpage/index.less

@@ -122,11 +122,15 @@
               padding: 6px;
               width: 316px;
               height: 181px;
+              position: relative;
               div {
-                width: 50%;
-                text-align: left;
-                flex: 1;
-                padding-left: 13px;
+                //width: 50%;
+                //text-align: left;
+                //flex: 1;
+                //padding-left: 13px;
+                position: absolute;
+                left: 26px;
+
               }
               .bootPageitemImgB {
                 width: 190px;

src/routes/config.js

 import BasicLayout from '../layouts/BasicLayout';
 import UserLayout from '../layouts/UserLayout';
-import BootPage from '../pages/bootpage';
-// import BootPage from '../pages/transitionalpage';
+// import BootPage from '../pages/bootpage';
+import BootPage from '../pages/transitionalpage';
 import NotFound from '../pages/exception/404';
 import ServiceFail from '../pages/exception/500';
 import Login from '../pages/user/login';