[Improvement] Reorganize demos (#1052)

2025-10-19 18:14:13 +00:00 · 2018-05-12 15:22:37 +08:00
parent a55eda8891
commit 4de1e7da55
83 changed files with 109 additions and 113 deletions
--- a/packages/loading/demo/index.vue
+++ b/packages/loading/demo/index.vue
@@ -0,0 +1,43 @@
+<template>
+  <demo-section>
+    <demo-block :title="$t('title1')">
+      <van-loading color="black" />
+      <van-loading color="white" />
+    </demo-block>
+
+    <demo-block :title="$t('title2')">
+      <van-loading type="spinner" color="black" />
+      <van-loading type="spinner" color="white" />
+    </demo-block>
+  </demo-section>
+</template>
+
+<script>
+export default {
+  i18n: {
+    'zh-CN': {
+      title1: 'Circular',
+      title2: 'Spinner'
+    },
+    'en-US': {
+      title1: 'Circular',
+      title2: 'Spinner'
+    }
+  }
+};
+</script>
+
+<style lang="postcss">
+.demo-loading {
+  .van-loading {
+    display: inline-block;
+    margin: 5px 0 5px 20px;
+  }
+
+  .van-loading--white {
+    padding: 10px;
+    border-radius: 3px;
+    background-color: rgba(0, 0, 0, .5);
+  }
+}
+</style>