chore: update docs layout (#950)

Tencent · Jul 13, 2023 · 9139ce0 · 9139ce0
1 parent 4cde26d
commit 9139ce0
Show file tree

Hide file tree

Showing 5 changed files with 16 additions and 4 deletions.
diff --git a/site/mobile/app.vue b/site/mobile/app.vue
@@ -1,5 +1,5 @@
 <template>
-  <div @touchstart.stop>
+  <div @touchstart.stop class="tdesign-demo-page">
     <tdesign-header />
     <div class="tdesign-demo-main">
       <router-view />

diff --git a/site/styles/mobile/demo.less b/site/styles/mobile/demo.less
@@ -2,6 +2,7 @@
   background-color: #f6f6f6;
   font-family: "PingFang SC";
   padding-bottom: 28px;
+  box-sizing: border-box;
 
   .title {
     font-size: 24px;

diff --git a/site/styles/mobile/index.less b/site/styles/mobile/index.less
@@ -12,10 +12,21 @@ body {
   z-index: 0;
 }
 
+.tdesign-demo-page {
+  display: flex;
+  flex-direction: column;
+  height: 100vh;
+  overflow: hidden;
+}
+
+.tdesign-demo-main {
+  flex: 1;
+  overflow-y: scroll;
+}
+
 .tdesign-mobile-home {
   box-sizing: border-box;
   width: 100%;
-  min-height: 100vh;
   padding: 24px;
   & p{
     padding-top:16px;

diff --git a/src/fab/demos/mobile.vue b/src/fab/demos/mobile.vue
@@ -31,7 +31,7 @@ const btnProps = {
 <style lang="less" scoped>
 .tdesign-mobile-demo {
   background-color: #fff;
-  min-height: 100vh;
+  min-height: 100%;
   box-sizing: border-box;
 }
 </style>
diff --git a/src/image-viewer/demos/mobile.vue b/src/image-viewer/demos/mobile.vue
@@ -18,6 +18,6 @@ import operationDemo from './operation.vue';
 <style scoped>
 .tdesign-mobile-demo {
   background-color: #fff;
-  min-height: 100vh;
+  min-height: 100%;
 }
 </style>