docs: remove demo-section

2020-10-22 16:44:19 +08:00
parent 862c3ec1a4
commit e8244c44e1
69 changed files with 2732 additions and 2980 deletions
@@ -1,102 +1,96 @@
 <template>
-  <demo-section>
-    <demo-block card :title="t('basicUsage')">
-      <van-cell :title="t('buttonBasic')" is-link @click="showBasic = true" />
-      <van-popup v-model:show="showBasic" :style="{ padding: '30px 50px' }">
-        {{ t('content') }}
-      </van-popup>
-    </demo-block>
+  <demo-block card :title="t('basicUsage')">
+    <van-cell :title="t('buttonBasic')" is-link @click="showBasic = true" />
+    <van-popup v-model:show="showBasic" :style="{ padding: '30px 50px' }">
+      {{ t('content') }}
+    </van-popup>
+  </demo-block>

-    <demo-block card :title="t('position')">
-      <van-cell :title="t('buttonTop')" is-link @click="showTop = true" />
-      <van-cell :title="t('buttonBottom')" is-link @click="showBottom = true" />
-      <van-cell :title="t('buttonLeft')" is-link @click="showLeft = true" />
-      <van-cell :title="t('buttonRight')" is-link @click="showRight = true" />
+  <demo-block card :title="t('position')">
+    <van-cell :title="t('buttonTop')" is-link @click="showTop = true" />
+    <van-cell :title="t('buttonBottom')" is-link @click="showBottom = true" />
+    <van-cell :title="t('buttonLeft')" is-link @click="showLeft = true" />
+    <van-cell :title="t('buttonRight')" is-link @click="showRight = true" />

-      <van-popup
-        v-model:show="showTop"
-        position="top"
-        :style="{ height: '30%' }"
-      />
-      <van-popup
-        v-model:show="showBottom"
-        position="bottom"
-        :style="{ height: '30%' }"
-      />
-      <van-popup
-        v-model:show="showLeft"
-        position="left"
-        :style="{ width: '30%', height: '100%' }"
-      />
-      <van-popup
-        v-model:show="showRight"
-        position="right"
-        :style="{ width: '30%', height: '100%' }"
-      />
-    </demo-block>
+    <van-popup
+      v-model:show="showTop"
+      position="top"
+      :style="{ height: '30%' }"
+    />
+    <van-popup
+      v-model:show="showBottom"
+      position="bottom"
+      :style="{ height: '30%' }"
+    />
+    <van-popup
+      v-model:show="showLeft"
+      position="left"
+      :style="{ width: '30%', height: '100%' }"
+    />
+    <van-popup
+      v-model:show="showRight"
+      position="right"
+      :style="{ width: '30%', height: '100%' }"
+    />
+  </demo-block>

-    <demo-block card :title="t('closeIcon')">
-      <van-cell :title="t('closeIcon')" is-link @click="showCloseIcon = true" />
-      <van-cell
-        :title="t('customCloseIcon')"
-        is-link
-        @click="showCustomCloseIcon = true"
-      />
-      <van-cell
-        :title="t('customIconPosition')"
-        is-link
-        @click="showCustomIconPosition = true"
-      />
+  <demo-block card :title="t('closeIcon')">
+    <van-cell :title="t('closeIcon')" is-link @click="showCloseIcon = true" />
+    <van-cell
+      :title="t('customCloseIcon')"
+      is-link
+      @click="showCustomCloseIcon = true"
+    />
+    <van-cell
+      :title="t('customIconPosition')"
+      is-link
+      @click="showCustomIconPosition = true"
+    />

-      <van-popup
-        v-model:show="showCloseIcon"
-        closeable
-        position="bottom"
-        :style="{ height: '30%' }"
-      />
-      <van-popup
-        v-model:show="showCustomCloseIcon"
-        closeable
-        close-icon="close"
-        position="bottom"
-        :style="{ height: '30%' }"
-      />
-      <van-popup
-        v-model:show="showCustomIconPosition"
-        closeable
-        close-icon-position="top-left"
-        position="bottom"
-        :style="{ height: '30%' }"
-      />
-    </demo-block>
+    <van-popup
+      v-model:show="showCloseIcon"
+      closeable
+      position="bottom"
+      :style="{ height: '30%' }"
+    />
+    <van-popup
+      v-model:show="showCustomCloseIcon"
+      closeable
+      close-icon="close"
+      position="bottom"
+      :style="{ height: '30%' }"
+    />
+    <van-popup
+      v-model:show="showCustomIconPosition"
+      closeable
+      close-icon-position="top-left"
+      position="bottom"
+      :style="{ height: '30%' }"
+    />
+  </demo-block>

-    <demo-block card :title="t('roundCorner')">
-      <van-cell
-        :title="t('roundCorner')"
-        is-link
-        @click="showRoundCorner = true"
-      />
-      <van-popup
-        v-model:show="showRoundCorner"
-        round
-        position="bottom"
-        :style="{ height: '30%' }"
-      />
-    </demo-block>
+  <demo-block card :title="t('roundCorner')">
+    <van-cell
+      :title="t('roundCorner')"
+      is-link
+      @click="showRoundCorner = true"
+    />
+    <van-popup
+      v-model:show="showRoundCorner"
+      round
+      position="bottom"
+      :style="{ height: '30%' }"
+    />
+  </demo-block>

-    <demo-block card v-if="!isWeapp" :title="t('teleport')">
-      <van-cell
-        :title="t('teleport')"
-        is-link
-        @click="showGetContainer = true"
-      />
-      <van-popup
-        v-model:show="showGetContainer"
-        teleport="body"
-        :style="{ padding: '30px 50px' }"
-      />
-    </demo-block>
-  </demo-section>
+  <demo-block card v-if="!isWeapp" :title="t('teleport')">
+    <van-cell :title="t('teleport')" is-link @click="showGetContainer = true" />
+    <van-popup
+      v-model:show="showGetContainer"
+      teleport="body"
+      :style="{ padding: '30px 50px' }"
+    />
+  </demo-block>
 </template>

 <script>