引入 bootstap-vue

resolve #4
cyio · Jan 28, 2018 · 3a7c9f1 · 3a7c9f1
1 parent f245405
commit 3a7c9f1
Show file tree

Hide file tree

Showing 4 changed files with 171 additions and 29 deletions.
diff --git a/index.html b/index.html
@@ -26,24 +26,6 @@
           if (file.match(/\.(js|css)$/)) { %>
     <link rel="<%= chunk.initial?'preload':'prefetch' %>" href="<%= htmlWebpackPlugin.files.publicPath + file %>" as="<%= file.match(/\.css$/)?'style':'script' %>"><% }}} %>
 		<link href="https://cdn.bootcss.com/normalize/7.0.0/normalize.min.css" rel="stylesheet">
-		<script type="text/javascript">
-      (function() {
-          document.documentElement.style.webkitTouchCallout='none';
-          document.documentElement.style.webkitUserSelect='none';
-          document.addEventListener('DOMContentLoaded', function() {
-              var html = document.documentElement;
-              var windowWidth = html.clientWidth;
-              html.style.fontSize = windowWidth < 750
-                ? windowWidth / 3.2 + 'px'
-                : '140px';
-              // 等价于html.style.fontSize = windowWidth / 640 * 100 + 'px';
-          }, false);
-          var debug = localStorage.getItem('debug')
-          if (debug === 'true' && eruda !== 'undefined') {
-            eruda.init()
-          }
-      })();
-		</script>
     <!-- <script src="https://bitcoincash.blockexplorer.com/socket.io/socket.io.js"></script> -->
   </head>
   <body>

diff --git a/package.json b/package.json
@@ -15,6 +15,7 @@
     "axios": "^0.17.1",
     "bchaddrjs": "^0.1.4",
     "bitcoincashjs": "^0.1.9",
+    "bootstrap-vue": "^2.0.0-rc.1",
     "jsonp-es6": "^1.0.0",
     "koa": "^2.3.0",
     "koa-router": "^7.3.0",
@@ -43,7 +44,7 @@
     "chalk": "^2.1.0",
     "connect-history-api-fallback": "^1.4.0",
     "copy-webpack-plugin": "^4.1.1",
-    "css-loader": "^0.28.7",
+    "css-loader": "^0.28.9",
     "cssnano": "^3.10.0",
     "eslint": "^4.9.0",
     "eslint-config-standard": "^10.2.1",
@@ -67,6 +68,7 @@
     "ora": "^1.3.0",
     "pug": "^2.0.0-rc.4",
     "rimraf": "^2.6.2",
+    "sass-loader": "^6.0.6",
     "semver": "^5.4.1",
     "shelljs": "^0.7.8",
     "sw-precache-webpack-plugin": "^0.11.4",

diff --git a/src/main.js b/src/main.js
@@ -1,14 +1,18 @@
 // The Vue build version to load with the `import` command
 // (runtime-only or standalone) has been set in webpack.base.conf with an alias.
 import Vue from 'vue'
+import BootstrapVue from 'bootstrap-vue'
 import App from './App'
 import router from './router'
 import VueI18n from 'vue-i18n'
 import 'vue-awesome/icons/search'
 import Icon from 'vue-awesome/components/Icon'
+import 'bootstrap/dist/css/bootstrap.min.css'
+import 'bootstrap-vue/dist/bootstrap-vue.css'
 
 Vue.config.productionTip = false
 Vue.use(VueI18n)
+Vue.use(BootstrapVue)
 Vue.component('icon', Icon)
 
 const shared = {