diff --git a/config/index.js b/config/index.js
index 9307278..48350f5 100644
--- a/config/index.js
+++ b/config/index.js
@@ -77,7 +77,7 @@ module.exports = {
      * then assetsPublicPath should be set to "/bar/".
      * In most cases please use '/' !!!
      */
-    assetsPublicPath: './',
+    assetsPublicPath: '/',
 
     /**
      * Source Maps
diff --git a/src/components/CodeFund/index.vue b/src/components/CodeFund/index.vue
new file mode 100644
index 0000000..5867780
--- /dev/null
+++ b/src/components/CodeFund/index.vue
@@ -0,0 +1,65 @@
+<template>
+  <div>
+    <div id="codefund"/>
+    <div ref="codefund"/>
+  </div>
+</template>
+
+<script>
+export default {
+  name: 'Index',
+  computed: {
+    key() {
+      return this.$route.fullPath
+    }
+  },
+  watch: {
+    key(newVal, oldVal) {
+      const script = document.createElement('script')
+      script.setAttribute(
+        'src',
+        'https://codefund.app/properties/287/funder.js'
+      )
+      this.$refs.codefund.appendChild(script)
+    }
+  },
+  mounted() {
+    const script = document.createElement('script')
+    script.setAttribute(
+      'src',
+      'https://codefund.app/properties/287/funder.js'
+    )
+    this.$refs.codefund.appendChild(script)
+  }
+}
+</script>
+
+<style rel="stylesheet/scss" lang="scss" scoped>
+  /deep/ #cf{
+    max-width: 100% !important;
+  }
+  /deep/ #codefund img{
+    display: none;
+  }
+  /deep/ #cf a:nth-child(3){
+    float: right;
+  }
+  /deep/ #cf span span:nth-child(1){
+    font-size: 13px !important;
+    width: 100% !important;
+    line-height: 1.5 !important;
+    display: block !important;
+    background-color: #f8f8f8 !important;
+    text-align: left !important;
+    padding: 8px 11px !important;
+  }
+
+  /deep/ #cf .cf-wrapper .cf-text:before {
+    margin-right: 4px;
+    padding: 2px 6px;
+    border-radius: 3px;
+    background-color: #4caf50;
+    color: #fff;
+    content: "Supporter";
+  }
+</style>
diff --git a/src/layout/components/AppMain.vue b/src/layout/components/AppMain.vue
index 5c3a0b5..f9f8bd3 100644
--- a/src/layout/components/AppMain.vue
+++ b/src/layout/components/AppMain.vue
@@ -1,5 +1,6 @@
 <template>
   <section class="app-main">
+    <CodeFund />
     <transition name="fade-transform" mode="out-in">
       <keep-alive :include="cachedViews">
         <router-view :key="key"/>
@@ -14,8 +15,12 @@
 </template>
 
 <script>
+import CodeFund from '@/components/CodeFund'
 export default {
   name: 'AppMain',
+  components: {
+    CodeFund
+  },
   computed: {
     cachedViews() {
       return this.$store.state.tagsView.cachedViews
diff --git a/src/views/system/menu/index.vue b/src/views/system/menu/index.vue
index fe503a6..25ae592 100644
--- a/src/views/system/menu/index.vue
+++ b/src/views/system/menu/index.vue
@@ -110,7 +110,7 @@ export default {
   },
   created() {
     this.$nextTick(() => {
-      this.height = document.documentElement.clientHeight - 200
+      this.height = document.documentElement.clientHeight - 250
       this.init()
     })
   },
diff --git a/src/views/system/permission/index.vue b/src/views/system/permission/index.vue
index a898562..82f25ad 100644
--- a/src/views/system/permission/index.vue
+++ b/src/views/system/permission/index.vue
@@ -82,7 +82,7 @@ export default {
   },
   created() {
     this.$nextTick(() => {
-      this.height = document.documentElement.clientHeight - 200
+      this.height = document.documentElement.clientHeight - 250
       this.init()
     })
   },