refine main.js

src/views/components/mixin.vue

@@ -24,9 +24,13 @@
 <script>
   import MdInput from 'components/MDinput';
   import PanThumb from 'components/PanThumb';
+  import waves from '@/directive/waves.js';// 水波纹指令
 
   export default {
     components: { MdInput, PanThumb },
+    directives: {
+      waves
+    },
     data() {
       return {
         title: ''

src/views/example/form.vue

@@ -2,7 +2,7 @@
   <div class="createPost-container">
     <el-form class="form-container" :model="postForm" :rules="rules" ref="postForm">
 
-      <Sticky :className="'sub-navbar '+postForm.status">
+      <sticky :className="'sub-navbar '+postForm.status">
         <template v-if="fetchSuccess">
           <div style="display:inline-block">
 
@@ -57,7 +57,7 @@
           <el-tag>发送异常错误,刷新页面,或者联系程序员</el-tag>
         </template>
 
-      </Sticky>
+      </sticky>
 
       <div class="createPost-main-container">
         <el-row>
@@ -107,7 +107,7 @@
         </el-form-item>
 
         <div class="editor-container">
-          <Tinymce :height=400 ref="editor" v-model="postForm.content"></Tinymce>
+          <tinymce :height=400 ref="editor" v-model="postForm.content"></tinymce>
         </div>
 
         <div style="margin-bottom: 20px;">
@@ -122,14 +122,17 @@
 <script>
   import Tinymce from 'components/Tinymce'
   import Upload from 'components/Upload/singleImage3'
-  import MDinput from 'components/MDinput';
-  import { validateURL } from 'utils/validate';
-  import { getArticle } from 'api/article';
-  import { userSearch } from 'api/remoteSearch';
+  import MDinput from 'components/MDinput'
+  import Multiselect from 'vue-multiselect'// 使用的一个多选框组件，element-ui的select不能满足所有需求
+  import 'vue-multiselect/dist/vue-multiselect.min.css'// 多选框组件css
+  import Sticky from 'components/Sticky' // 粘性header组件
+  import { validateURL } from 'utils/validate'
+  import { getArticle } from 'api/article'
+  import { userSearch } from 'api/remoteSearch'
 
   export default {
     name: 'articleDetail',
-    components: { Tinymce, MDinput, Upload },
+    components: { Tinymce, MDinput, Upload, Multiselect, Sticky },
     data() {
       const validateRequire = (rule, value, callback) => {
         if (value === '') {

src/views/example/table/table.vue

@@ -151,6 +151,7 @@
 
 <script>
   import { fetchList, fetchPv } from 'api/article_table';
+  import waves from '@/directive/waves.js';// 水波纹指令
   import { parseTime } from 'utils';
 
   const calendarTypeOptions = [
@@ -168,6 +169,9 @@
 
   export default {
     name: 'table_demo',
+    directives: {
+      waves
+    },
     data() {
       return {
         list: null,

src/views/theme/index.vue

@@ -46,6 +46,7 @@
 
 <script>
   import { toggleClass } from 'utils';
+  import '@/assets/custom-theme/index.css'; // 换肤版本element-ui css
 
   export default {
     data() {