feat: build the homepage (#50)

* feat: homepage for varlet-vue2

* feat: the homepage logo animation make up

* feat: Throttle the animation

* chore: make up the animation

* feat: optimize home-page style

Author: zhangmo8

.gitignore

@@ -5,6 +5,7 @@ node_modules
 .vscode
 *.log
 .DS_Store
+.history
 package-lock.json
 
 packages/varlet-vue2-cli/lib/commands

packages/varlet-vue2-cli/site/components/teleport/Teleport.jsx

@@ -33,7 +33,7 @@ export default defineComponent({
     },
 
     transfer() {
-      const container = this.disabled ? this.$refs.teleport : document.querySelector(this.to)
+      const container = this.disabled ? this.$refs.teleport : (typeof this.to === 'string'? document.querySelector(this.to): this.to)
       const parentNode = this.el.parentNode
 
       if (parentNode === container) {

packages/varlet-vue2-cli/site/components/teleport/props.ts

@@ -1,6 +1,5 @@
 export const props = {
   to: {
-    type: String,
     required: true,
   },
   disabled: {

packages/varlet-vue2-cli/site/index.html

@@ -20,6 +20,14 @@
       font-style: normal;
       font-display: swap;
     }
+    body {
+      box-sizing: border-box;
+      margin: 0;
+      padding: 0px;
+      font-family: 'Roboto', sans-serif;
+      background: var(--site-config-color-body);
+      color: var(--site-config-color-text);
+    }
   </style>
   <script>
     if ('<%= baidu %>') {