diff --git a/visualdl/frontend/.gitignore b/visualdl/frontend/.gitignore
index 4bc1636502159561c1101baf05ca0eec3654dd08..a7a3b001058056c400cb03b5db7934828af6cc29 100644
--- a/visualdl/frontend/.gitignore
+++ b/visualdl/frontend/.gitignore
@@ -1,4 +1,3 @@
 /node_modules
-/dist
 /.vscode
 package-lock.json
diff --git a/visualdl/frontend/package.json b/visualdl/frontend/package.json
index 3f3f41ec6651f88aa7cd5314ea3c028160b67bce..ccdf968495c001931739aa0a369765b82a829898 100644
--- a/visualdl/frontend/package.json
+++ b/visualdl/frontend/package.json
@@ -8,7 +8,6 @@
     "release": "cross-env NODE_ENV=production node ./tool/build.js",
     "build": "cross-env NODE_ENV=dev node ./tool/build.js",
     "dev": "cross-env NODE_ENV=dev node tool/dev-server.js",
-    "deploy": "fis3 release --root=./dist/ --file=./tool/fis-conf.js",
     "analyzer": "npm run release -- analyzer",
     "lint": "./node_modules/fecs/bin/fecs --rule",
     "precommit": "npm run lint",
diff --git a/visualdl/frontend/src/App.san b/visualdl/frontend/src/App.san
index 4ced7beb9a6645f0672e8db46296d57533b9e314..3e8f7d7fb525d90d794af934a0b93afa35628249 100644
--- a/visualdl/frontend/src/App.san
+++ b/visualdl/frontend/src/App.san
@@ -1,24 +1,22 @@
 <template>
     <div id="app">
         <san-appbar title="VisualDL">
-                <div class="user-info app-follow-list" slot="right"></div>
+                <div class="visual-dl-user-info visual-dl-app-follow-list" slot="right"></div>
         </san-appbar>
-        <div id="content-container" class="content-container">
-            <div id="app-content" class="app-content">
-                <div id="content"></div>
+        <div id="content-container" class="visual-dl-content-container">
+            <div id="app-content" class="visual-dl-app-content">
+                <div id="visual-dl-content"></div>
             </div>
         </div>
-        <div class="footer">
-            <div class="ftext"><a href="https://github.com/VisualDL/VisualDL" target="_blank" class="bluetext">GitHub</a></div>
-            <div class="ftext ftext3">VisualDL © MIT</div>
+        <div class="visual-dl-footer">
+            <div class="visual-dl-ftext"><a href="https://github.com/VisualDL/VisualDL" target="_blank" class="visual-dl-bluetext">GitHub</a></div>
+            <div class="visual-dl-ftext visual-dl-ftext3">VisualDL © MIT</div>
         </div>
     </div>
 </template>
 
 <script>
 import Appbar from 'san-mui/AppBar';
-import {resizeContentHeight} from './common/fun/adjustConentHeight';
-
 
 export default {
     components: {
@@ -26,33 +24,34 @@ export default {
     },
     initData() {
         return {};
-    },
-    attached() {
-        resizeContentHeight();
     }
 };
 
 </script>
 
 <style lang="stylus">
-.footer
-    float: left;
-    position:relative;
-    width: 100%
-    background: #fff
-    padding-top: 0
-    margin-top: -2px
-    background #fff
-    border solid 1px #e4e4e4
-    .ftext
-        width: 30%
-        float: left
-        text-align: center
-        padding: 30px 0
-        font-size: 14px
-    .ftext3
-        margin-left: 5%
-    .bluetext
-        text-decoration: none
-        color: #398bfb
+
+@import './style/variables';
+
++prefix-classes(prefix)
+    .footer
+        float: left;
+        position:relative;
+        width: 100%
+        background: #fff
+        padding-top: 0
+        margin-top: -2px
+        background #fff
+        border solid 1px #e4e4e4
+        .ftext
+            width: 30%
+            float: left
+            text-align: center
+            padding: 30px 0
+            font-size: 14px
+        .ftext3
+            margin-left: 5%
+        .bluetext
+            text-decoration: none
+            color: #398bfb
 </style>
diff --git a/visualdl/frontend/src/common/fun/adjustConentHeight.js b/visualdl/frontend/src/common/fun/adjustConentHeight.js
deleted file mode 100644
index 72aaf541d2cbacba0f5a97780ce786c0b23ac4d4..0000000000000000000000000000000000000000
--- a/visualdl/frontend/src/common/fun/adjustConentHeight.js
+++ /dev/null
@@ -1,16 +0,0 @@
-const adjustConentHeight = function () {
-    let elContentContainer = document.getElementById('content-container');
-    let contentHeight = window.innerHeight - 140;
-    elContentContainer.style.minHeight = contentHeight + 'px';
-};
-
-const resizeContentHeightWhenScroll = function () {
-    window.addEventListener('resize', () => {
-        adjustConentHeight();
-    });
-};
-
-export const resizeContentHeight = function () {
-    adjustConentHeight();
-    resizeContentHeightWhenScroll();
-};
diff --git a/visualdl/frontend/src/style/variables.styl b/visualdl/frontend/src/style/variables.styl
new file mode 100644
index 0000000000000000000000000000000000000000..c93c863a4200dc234ffc9f8e09d45054a5df76ea
--- /dev/null
+++ b/visualdl/frontend/src/style/variables.styl
@@ -0,0 +1 @@
+prefix = 'visual-dl-'