Easy Editor v1.0测试版

Author: Jason-chen-coder

public/index.html

@@ -14,9 +14,8 @@
     <strong>We're sorry but <%= htmlWebpackPlugin.options.title %> doesn't work properly without JavaScript enabled.
       Please enable it to continue.</strong>
   </noscript>
-  <div id="app" style="height: 100%;"></div>
+  <div id="app"></div>
   <script src="<%= BASE_URL %>mxClient.min.js"></script>
-  <!-- built files will be auto injected -->
 </body>
 
 </html>

src/App.vue

@@ -1,66 +1,6 @@
 <template>
   <div id="app">
-    <el-container>
-      <!-- <el-header class="header">
-        <el-row style="text-align:center;height:100%;line-height:100%">
-          <el-col :span="24" style="text-align:center;height:100%;line-height:100%">
-            <div
-              class="grid-content bg-purple"
-              style="text-align:center;height:100%;line-height:200%;color:#409eff;font-weight:600;font-size:30px;"
-            >Easy editor</div>
-          </el-col>
-        </el-row>
-      </el-header>-->
-      <el-container>
-        <el-aside class="aside" width="200px">
-          <el-row class="menu-row">
-            <el-col>
-              <el-menu
-                default-active="1"
-                style="border-right:none"
-                @open="handleOpen"
-                @close="handleClose"
-                router
-              >
-                <el-menu-item index="HelloWorld">
-                  <i class="el-icon-menu"></i>
-                  <span slot="title">HelloWorld</span>
-                </el-menu-item>
-                <el-menu-item index="Layout">
-                  <i class="el-icon-menu"></i>
-                  <span slot="title">Layout</span>
-                </el-menu-item>
-                <el-menu-item index="toolbar">
-                  <i class="el-icon-setting"></i>
-                  <span slot="title">默认工具栏</span>
-                </el-menu-item>
-                <el-menu-item index="customToolbar">
-                  <i class="el-icon-setting"></i>
-                  <span slot="title">Easy Editor</span>
-                </el-menu-item>
-                <el-menu-item index="renderModel">
-                  <i class="el-icon-document"></i>
-                  <span slot="title">渲染模式</span>
-                </el-menu-item>
-                <!-- <el-menu-item index="stencilToolbar">
-                  <i class="el-icon-document"></i>
-                  <span slot="title">模板工具箱</span>
-                </el-menu-item>-->
-                <!-- <el-menu-item index="01-editor">
-                  <i class="el-icon-document"></i>
-                  <span slot="title">编辑器-01</span>
-                </el-menu-item>-->
-              </el-menu>
-            </el-col>
-          </el-row>
-        </el-aside>
-        <el-container>
-          <el-main class="main">
-            <router-view></router-view>
-          </el-main>
-        </el-container>
-      </el-container>
-    </el-container>
+    <router-view></router-view>
   </div>
 </template>
 

src/router/index.js

@@ -15,30 +15,10 @@ const router = new VueRouter({
       path: '/',
       component: () => import("../views/customToolbar/customToolbar.vue"),
     },
-    {
-      path: '/helloworld',
-      component: () => import("../views/helloworld/HelloWorld.vue")
-    },
-    {
-      path: "/Layout",
-      component: () => import("../views/Layout/Layout.vue")
-    },
-    {
-      path: "/01-editor",
-      component: () => import("../views/01-editor/01-editor.vue")
-    },
     {
       path: "/customToolbar",
       component: () => import("../views/customToolbar/customToolbar.vue")
     },
-    {
-      path: "/toolbar",
-      component: () => import("../views/toolbar/toolbar.vue")
-    },
-    {
-      path: "/stencilToolbar",
-      component: () => import("../views/stencilToolbar/stencilToolbar.vue")
-    },
     {
       path: "/renderModel",
       component: () => import("../views/renderModel/index.vue")