fix: nav link

Author: BiYuqi

.prettierrc.js

@@ -1,8 +1,8 @@
 module.exports = {
-  printWidth: 140,
-  trailingComma: "none",
-  tabWidth: 2,
-  semi: false,
   singleQuote: true,
-  proseWrap: 'never'
-};
+  printWidth: 120,
+  proseWrap: 'never',
+  semi: false,
+  trailingComma: 'none',
+  arrowParens: 'avoid'
+}

src/common/js/header.js

@@ -1,3 +1,24 @@
 $('.font-weight-normal').on('click', () => {
   alert('哎呦, 点到我头了~~')
 })
+
+const demoNav = [
+  {
+    pagePath: WS_PLATFORM === 'github' ? '/webpack-seed/index.html' : '/index.html',
+    display: '首页'
+  },
+  {
+    pagePath: WS_PLATFORM === 'github' ? '/webpack-seed/html/test-page.html' : '/html/test-page.html',
+    display: '测试页'
+  },
+  {
+    pagePath: WS_PLATFORM === 'github' ? '/webpack-seed/html/fonts-page.html' : '/html/fonts-page.html',
+    display: '图标页'
+  }
+]
+
+$('.nav-list').html(demoNav.map(info => `<a class="p-2 text-dark" href="${info.pagePath}">${info.display}</a>`))
+$('.nav-wrapper').append(`
+<a class="btn btn-outline-primary" href="${
+  WS_PLATFORM === 'github' ? '/webpack-seed/html/login-page.html' : '/html/login-page.html'
+}">登录</a>`)

src/layout/base/header/header.ejs

@@ -1,9 +1,5 @@
-<div class="d-flex flex-column flex-md-row align-items-center p-3 px-md-4 mb-3 bg-white border-bottom shadow-sm">
+<div class="nav-wrapper d-flex flex-column flex-md-row align-items-center p-3 px-md-4 mb-3 bg-white border-bottom shadow-sm">
   <h5 class="my-0 mr-md-auto font-weight-normal">Webpack Seed</h5>
-  <nav class="my-2 my-md-0 mr-md-3">
-    <a class="p-2 text-dark" href="/index.html">首页</a>
-    <a class="p-2 text-dark" href="/html/test-page.html">测试页</a>
-    <a class="p-2 text-dark" href="/html/fonts-page.html">图标页面</a>
+  <nav class="my-2 my-md-0 mr-md-3 nav-list">
   </nav>
-  <a class="btn btn-outline-primary" href="/html/login-page.html">登录</a>
 </div>