add

xrkffgg · Jan 16, 2020 · 95c6c2c · 95c6c2c
1 parent b551cf1
commit 95c6c2c
Show file tree

Hide file tree

Showing 8 changed files with 859 additions and 155 deletions.
diff --git a/package.json b/package.json
@@ -11,10 +11,14 @@
   "dependencies": {
     "axios": "^0.19.0",
     "codemirror": "^5.49.0",
+    "compression-webpack-plugin": "^3.1.0",
     "createjs": "^1.0.1",
     "echarts": "^4.2.1",
     "element-ui": "^2.11.0",
     "fontfaceobserver": "^2.1.0",
+    "pug": "^2.0.4",
+    "pug-html-loader": "^1.1.5",
+    "pug-plain-loader": "^1.0.0",
     "script-loader": "^0.7.2",
     "vue": "^2.6.10",
     "vue-baidu-map": "^0.21.20",

diff --git a/public/index.html b/public/index.html
@@ -5,6 +5,16 @@
     <meta http-equiv="X-UA-Compatible" content="IE=edge">
     <meta name="viewport" content="width=device-width,initial-scale=1.0">
     <link rel="icon" href="<%= BASE_URL %>ico.png">
+    <!-- 使用CDN加速的CSS文件，配置在vue.config.js下 -->
+    <% for (var i in htmlWebpackPlugin.options.cdn&&htmlWebpackPlugin.options.cdn.css) { %>
+    <link href="<%= htmlWebpackPlugin.options.cdn.css[i] %>" rel="preload" as="style">
+    <link href="<%= htmlWebpackPlugin.options.cdn.css[i] %>" rel="stylesheet">
+    <% } %>
+
+    <!-- 使用CDN加速的JS文件，配置在vue.config.js下 -->
+    <% for (var i in htmlWebpackPlugin.options.cdn&&htmlWebpackPlugin.options.cdn.js) { %>
+    <link href="<%= htmlWebpackPlugin.options.cdn.js[i] %>" rel="preload" as="script">
+    <% } %>
     <title>🐋 Kvue - xrkffgg</title>
   </head>
   <body>
@@ -13,5 +23,9 @@
     </noscript>
     <div id="app"></div>
     <!-- built files will be auto injected -->
+    <!-- 使用CDN加速的JS文件，配置在vue.config.js下 -->
+    <% for (var i in htmlWebpackPlugin.options.cdn&&htmlWebpackPlugin.options.cdn.js) { %>
+    <script src="<%= htmlWebpackPlugin.options.cdn.js[i] %>"></script>
+    <% } %>
   </body>
 </html>
diff --git a/src/components/jsCom/003.vue b/src/components/jsCom/003.vue
diff --git a/src/components/uiCom/002.vue b/src/components/uiCom/002.vue
@@ -0,0 +1,31 @@
+<template lang="pug">
+  #ui002
+    .main-title 自定义按钮
+    .main-title-time.num 2020-01-16
+    .main-content
+      el-button(type="primary" @click="dodo") 配置
+      .btns
+
+</template>
+
+<script>
+export default {
+  methods: {
+    dodo() {
+      
+    }
+  },
+}
+</script>
+
+<style lang="scss" scoped>
+  .btns {
+    margin-top: 200px;
+    height: 200px;
+    z-index: 1001;
+    background: hsla(0, 0%, 100%, .75);
+    box-shadow: 0 0 0 50vmax rgba(0,0,0,0.6);
+    -webkit-backdrop-filter: blur(5px);    
+    backdrop-filter: blur(5px);    
+  }
+</style>