add stlye class prefix

visualdl/frontend/.gitignore

 /node_modules
-/dist
 /.vscode
 package-lock.json

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",

visualdl/frontend/src/App.san

 <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>

visualdl/frontend/src/common/fun/adjustConentHeight.js

-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();
-};

visualdl/frontend/src/style/variables.styl

+prefix = 'visual-dl-'