🔨 重写加载动画 🔥 剔除无用代码，解决less空文件导致umi3报错问题

src/components/BasicShop/BasicComponents/LongText/index.tsx

@@ -1,5 +1,4 @@
 import React, { memo } from 'react';
-import styles from './index.less';
 import { ILongTextConfig } from './schema';
 import logo from '@/assets/08-长文本.png';
 const LongText = memo((props: ILongTextConfig & { isTpl: boolean }) => {

src/components/BasicShop/BasicComponents/Text/index.tsx

@@ -1,5 +1,4 @@
 import React, { memo } from 'react';
-import styles from './index.less';
 import { ITextConfig } from './schema';
 import logo from '@/assets/12-文本.png';
 const Text = memo((props: ITextConfig & { isTpl: boolean }) => {

src/components/BasicShop/VisualComponents/XProgress/index.tsx

@@ -1,6 +1,5 @@
 import React, { memo } from 'react';
 import { Progress } from 'zarm';
-import styles from './index.less';
 import { IXProgressConfig } from './schema';
 import logo from '@/assets/15-进度.png';
 const XProgress = memo((props: IXProgressConfig & { isTpl: boolean }) => {

src/components/LoadingCp/index.tsx

@@ -1,20 +1,3 @@
 import React from 'react';
 
-export default () => (
-  <div
-    style={{
-      paddingTop: 100,
-      textAlign: 'center',
-      display: 'flex',
-      alignItems: 'center',
-      justifyContent: 'center',
-    }}
-  >
-    <div className="sk-fold">
-      <div className="sk-fold-cube"></div>
-      <div className="sk-fold-cube"></div>
-      <div className="sk-fold-cube"></div>
-      <div className="sk-fold-cube"></div>
-    </div>
-  </div>
-);
+export default () => <div className="rotate-animate">Dooring</div>;

src/core/FormComponents/Color/index.tsx

@@ -1,7 +1,6 @@
 import React from 'react';
 import { SketchPicker, ColorResult } from 'react-color';
 import { rgba2Obj } from '@/utils/tool';
-// import styles from './index.less'
 
 export type ColorConfigType = string;
 

src/global.css

@@ -1,6 +1,5 @@
 html, body, #root {
   height: 100%;
-  width: 100vw;
   overflow: hidden;
 }
 
@@ -34,13 +33,6 @@ body {
   border-color: transparent !important;
 }
 
-@import '~react-grid-layout/css/styles.css'; 
-@import '~react-resizable/css/styles.css';
-@import '~zarm/dist/zarm.min.css';
-
-@import '~codemirror/lib/codemirror.css';
-@import '~codemirror/theme/material.css';
-
 .react-grid-item{
   overflow: hidden;
 }
@@ -140,4 +132,33 @@ body {
 #form_editor .ant-upload-list-picture-card-container {
   display: flex;
   margin-left: 30px;
-}
+}
+
+.rotate-animate {
+  margin: 100px auto;
+  border:16px solid #f3f3f3;
+  border-radius:50%;
+  border-top:16px solid #2842d8;
+  width:130px;
+  height:130px;
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  animation:rotate 2s linear infinite;
+  font-size: 12px;
+}
+@keyframes rotate{
+  0%{
+      transform: rotate(0deg);
+  }
+  100%{
+      transform:rotate(360deg);
+  }
+}
+
+@import '~react-grid-layout/css/styles.css'; 
+@import '~react-resizable/css/styles.css';
+@import '~zarm/dist/zarm.min.css';
+
+@import '~codemirror/lib/codemirror.css';
+@import '~codemirror/theme/material.css';

src/pages/editor/preH5.js

@@ -1,21 +0,0 @@
-import React from 'react'
-import {
-  Header, Text, Notice, Qrcode, Footer, Image, List
-} from '@/components/DynamicEngine/components'
-import Carousel from '@/components/Carousel'
-import Tab from '@/components/Tab'
-
-export default function PrevH5(props) {
-  return <div style={{width: '375px', margin: '20px auto', border: '10px solid #000', borderRadius: '20px', minHeight: '664px'}}>
-    <Notice />
-    <Header />
-    <Carousel />
-    <Text color="#000" />
-    <Text text="专注于前端技术一站式配置平台" lineHeight={1.2} color="#ccc" fontSize={12} />
-    <Qrcode />
-    <Image />
-    <Tab />
-    <List />
-    <Footer />
-  </div>
-}