From 0d9e77afc751905e6b9d4cd2ef7b4763fe55be72 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E8=87=AA=E5=B8=A6=E5=A4=A7=E4=BD=AC=E6=B0=94=E5=9C=BA?=
 <188633308@qq.com>
Date: Fri, 2 Jul 2021 12:15:23 +0800
Subject: [PATCH] =?UTF-8?q?fix=20=E6=89=93=E5=8C=85=E5=90=8E=E6=97=A0?=
 =?UTF-8?q?=E6=B3=95=E5=88=87=E6=8D=A2=E6=A0=B7=E5=BC=8F=E6=A8=A1=E5=BC=8F?=
 =?UTF-8?q?=E7=9A=84=E9=97=AE=E9=A2=98?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 web-react/.env                                 | 1 +
 web-react/src/assets/style/dark/extend.less    | 5 +++++
 web-react/src/assets/style/default/extend.less | 5 +++++
 web-react/src/index.js                         | 9 ++++++---
 4 files changed, 17 insertions(+), 3 deletions(-)
 create mode 100644 web-react/.env

diff --git a/web-react/.env b/web-react/.env
new file mode 100644
index 0000000..4f79a0f
--- /dev/null
+++ b/web-react/.env
@@ -0,0 +1 @@
+GENERATE_SOURCEMAP=false
\ No newline at end of file
diff --git a/web-react/src/assets/style/dark/extend.less b/web-react/src/assets/style/dark/extend.less
index 9bdd94f..7f3c2c9 100644
--- a/web-react/src/assets/style/dark/extend.less
+++ b/web-react/src/assets/style/dark/extend.less
@@ -4,3 +4,8 @@
 body {
   line-height: 1.42857143;
 }
+#root {
+  transition: @animation-duration-slow opacity;
+
+  opacity: 1 !important;
+}
diff --git a/web-react/src/assets/style/default/extend.less b/web-react/src/assets/style/default/extend.less
index 07ee081..4b038cc 100644
--- a/web-react/src/assets/style/default/extend.less
+++ b/web-react/src/assets/style/default/extend.less
@@ -4,3 +4,8 @@
 body {
   line-height: 1.42857143;
 }
+#root {
+  transition: @animation-duration-slow opacity;
+
+  opacity: 1 !important;
+}
diff --git a/web-react/src/index.js b/web-react/src/index.js
index f63c526..3d85d46 100644
--- a/web-react/src/index.js
+++ b/web-react/src/index.js
@@ -15,15 +15,18 @@ const SETTING = JSON.parse(window.localStorage.getItem(SETTING_KEY)) || {
 };
 
 if (SETTING.theme === 'dark') {
-  require('./assets/style/dark/index.less')
+  import('./assets/style/dark/index.less')
 } else {
-  require('./assets/style/default/index.less')
+  import('./assets/style/default/index.less')
 }
 
 moment.locale('zh-cn')
 
 //<React.StrictMode></React.StrictMode>
 
+const root = document.getElementById('root')
+root.style.opacity = 0
+
 ReactDOM.render(
   <ConfigProvider
     locale={zhCN}
@@ -38,7 +41,7 @@ ReactDOM.render(
   >
     <Router />
   </ConfigProvider>,
-  document.getElementById('root')
+  root
 );
 
 // If you want to start measuring performance in your app, pass a function