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,16 +24,17 @@ export default {
     },
     initData() {
         return {};
-    },
-    attached() {
-        resizeContentHeight();
     }
 };
 
 </script>
 
 <style lang="stylus">
-.footer
+
+@import './style/variables';
+
++prefix-classes(prefix)
+    .footer
         float: left;
         position:relative;
         width: 100%

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