:add: 替换logo

src/pages/ide/index.less

@@ -12,6 +12,7 @@
     background: #fff;
     box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
     .logoArea {
+      display: contents;
       width: 300px;
       font-size: 18px;
       color: #2f54eb;
@@ -22,15 +23,21 @@
         cursor: pointer;
       }
       .logo {
-        display: inline-block;
+        display: flex;
-        width: 38px;
         overflow: hidden;
         border-radius: 3px;
         vertical-align: middle;
         img {
-          width: 100%;
+          width: auto;
+          height: auto;
+          max-width: 100%;
+          max-height: 100%;
         }
       }
+      .logoText {
+        margin-left: 12px;
+        margin-top: 5px;
+      }
     }
     .operationBar {
       margin-left: auto;

src/pages/ide/index.tsx

@@ -3,7 +3,7 @@ import { Controlled } from 'react-codemirror2';
 import { useState } from 'react';
 import { Button, message } from 'antd';
 import { saveAs } from 'file-saver';
-import Logo from '@/assets/logo.png';
+import Logo from '@/assets/logo.svg';
 import styles from './index.less';
 import { isDev, useGetRect } from 'utils/tool';
 import { SaveOutlined } from '@ant-design/icons';
@@ -139,7 +139,7 @@ export default function() {
               <img src={Logo} alt="Dooring-强大的h5编辑器" />
             </a>
           </div>
-          &nbsp;&nbsp;| 在线代码编辑器
+          <div className={styles.logoText}>| 在线代码编辑器</div>
         </div>
         <div className={styles.operationBar}>
           <Button

src/typings.d.ts

@@ -1,5 +1,14 @@
+/*
+ * @Description:
+ * @Version: 2.0
+ * @Autor: dragon
+ * @Date: 2020-10-13 14:55:47
+ * @LastEditors: dragon
+ * @LastEditTime: 2020-10-15 12:21:41
+ */
 declare module '*.css';
 declare module '*.png';
+declare module '*.svg';
 declare module '*.less';
 interface Window {
   currentCates: null | Array<string>;