Doc: fix TimePicker page style (#14579)

Docs: fix TimePicker page style

build/deploy-faas.sh

@@ -1,4 +1,5 @@
 #! /bin/sh
+set -ex
 mkdir temp_web
 npm run deploy:build
 cd temp_web
@@ -14,5 +15,5 @@ cp -rf ../../examples/element-ui/** $SUB_FOLDER/
 cd ../..
 
 # deploy domestic site
-faas deploy alpha
+faas deploy alpha -P element
 rm -rf temp_web

examples/demo-styles/datetime-picker.scss

@@ -1,4 +1,4 @@
-.demo-block.demo-datetime-picker .source {
+.demo-block.demo-datetime-picker .source > div {
   padding: 0;
   display: flex;
 }

examples/pages/template/component.tpl

@@ -299,14 +299,6 @@
       bus.$on('user-theme-config-visible', val => {
         this.isThemeConfigVisible = val;
       });
-      window.addEventListener('hashchange', () => {
-        if (location.href.match(/#/g).length < 2) {
-          document.documentElement.scrollTop = document.body.scrollTop = 0;
-          this.renderAnchorHref();
-        } else {
-          this.goAnchor();
-        }
-      });
     },
     mounted() {
       if (window.userThemeConfigVisible) {
@@ -325,6 +317,17 @@
     },
     beforeDestroy() {
       this.componentScrollBox.removeEventListener('scroll', this.throttledScrollHandler);
+    },
+    beforeRouteUpdate(to, from, next) {
+      next();
+      setTimeout(() => {
+        if (location.href.match(/#/g).length < 2) {
+          document.documentElement.scrollTop = document.body.scrollTop = 0;
+          this.renderAnchorHref();
+        } else {
+          this.goAnchor();
+        }
+      }, 100);
     }
   };
 </script>