core: update styles

Author: felixpy

now.json

@@ -3,5 +3,15 @@
   "version": 2,
   "alias": "element-admin",
   "builds": [{ "src": "**", "use": "@now/static" }],
-  "routes": [{ "src": "/.*", "dest": "/index.html" }]
+  "routes": [
+    { "src": "^/js/(.*)", "dest": "/js/$1" },
+    { "src": "^/css/(.*)", "dest": "/css/$1" },
+    { "src": "^/fonts/(.*)", "dest": "/fonts/$1" },
+    { "src": "^/img/(.*)", "dest": "/img/$1" },
+    {
+      "src": "^/(favicon|manifest|precache|service-worker|robots)(.*)",
+      "dest": "/$1$2"
+    },
+    { "src": "/.*", "dest": "/index.html" }
+  ]
 }

src/components/layout/AppHeader.vue

@@ -9,7 +9,7 @@
     >
       <el-menu-item index="/">首页</el-menu-item>
       <template v-if="user.id">
-        <el-submenu index="/example">
+        <el-submenu index="/example" :show-timeout="100" :hide-timeout="0">
           <template slot="title">示例模块</template>
           <el-menu-item index="/example">列表页</el-menu-item>
           <el-menu-item index="/example/new">表单页</el-menu-item>

src/views/About.vue

@@ -11,35 +11,36 @@
               href="https://github.com/codetrial/vue-cli-plugin-element"
             >@codetrial/vue-cli-plugin-element</a>
           </p>
-          <p>开发人员：
+          <p>
+            开发人员：
             <a target="_blank" href="https://github.com/felixpy">felixpy@github</a>
           </p>
           <h4>项目描述</h4>
           <p>这是一个使用 Vue CLI 3 及 ElementUI 开发的轻量级后台管理系统项目架构。如果你觉得有帮助，还请多多反馈！</p>
           <p>麻雀虽小，五脏俱全。下面是它的一些主要特点。</p>
           <p>
-            <b>- 最小依赖</b>：仅依赖 Vue 官方库及 ElementUI 组件库，未额外引入其它第三方库，为你提供自由发挥的空间。
+            <b>最小依赖</b>：仅依赖 Vue 官方库及 ElementUI 组件库，未额外引入其它第三方库，为你提供自由发挥的空间。
           </p>
           <p>
-            <b>- 目录结构</b>：根据项目实战经验，设计了合理、清晰的目录结构。
+            <b>目录结构</b>：根据项目实战经验，设计了合理、清晰的目录结构。
           </p>
           <p>
-            <b>- 布局体系</b>：使用 Vue Router 嵌套路由及 ElementUI 内置组件进行布局。
+            <b>布局体系</b>：使用 Vue Router 嵌套路由及 ElementUI 内置组件进行布局。
           </p>
           <p>
-            <b>- 数据处理</b>：添加独立的 api 及 service 层，将业务逻辑从组件中抽离。
+            <b>数据处理</b>：添加独立的 api 及 service 层，将业务逻辑从组件中抽离。
           </p>
           <p>
-            <b>- 权限控制</b>：为路由添加配置式拦截器，默认支持用户登录鉴权及角色鉴权。
+            <b>权限控制</b>：为路由添加配置式拦截器，默认支持用户登录鉴权及角色鉴权。
           </p>
           <p>
-            <b>- 列表示例</b>：一个相对比较完整的列表页示例，包含字段查询（过滤），字段排序，页码跳转，批量操作等等。
+            <b>列表示例</b>：一个相对比较完整的列表页示例，包含字段查询（过滤），字段排序，页码跳转，批量操作等等。
           </p>
           <p>
-            <b>- 表单示例</b>：一个相对比较完整的表单页示例，包含表单校验、提交等操作。
+            <b>表单示例</b>：一个相对比较完整的表单页示例，包含表单校验、提交等操作。
           </p>
           <p>
-            <b>- 错误页面</b>：内置简单的（其实是偷懒） 403、404 及 500 错误页。
+            <b>错误页面</b>：内置简单的（其实是偷懒） 403、404 及 500 错误页。
           </p>
         </div>
       </el-card>