Cleaning Code, moving functions...

src/views/offline/index.ts

@@ -0,0 +1 @@
+export {default as Offline} from './offline.vue'

src/views/offline/offline.scss

@@ -0,0 +1,29 @@
+.svgclass{
+  color: white;
+  transform: translateY(0px);
+
+}
+
+.svgclass_animate {
+  transform: translateY(-70px);
+  color: red;
+}
+
+#sun {
+  animation: gravity 5s infinite;
+
+}
+
+@keyframes gravity{
+  0%{
+    transform: rotateY(0deg);
+  }
+  100%{
+    transform: rotateY(360deg);
+  }
+}
+
+#smile{
+  opacity: 0.1 !important;
+  fill: red;
+}

src/views/offline/offline.ts

@@ -0,0 +1,10 @@
+import Vue from 'vue'
+import { Component } from 'vue-property-decorator'
+
+@Component({
+})
+export default class Offline extends Vue {
+  get logoimg() {
+    return '/statics/images/' + process.env.LOGO_REG
+  }
+}

src/views/offline/offline.vue

@@ -0,0 +1,11 @@
+<template>
+    <div id="offline">
+        TableOnlyView Page !
+    </div>
+</template>
+<script lang="ts" src="./offline.ts">
+</script>
+
+<style lang="scss" scoped>
+    @import './offline';
+</style>