[Improvement] Reorganize demos (#1052)

2025-10-18 09:24:25 +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/progress/demo/index.vue
+++ b/packages/progress/demo/index.vue
@@ -0,0 +1,48 @@
+<template>
+  <demo-section>
+    <demo-block :title="$t('basicUsage')">
+      <van-progress :percentage="0" />
+      <van-progress :percentage="46" />
+      <van-progress :percentage="100" />
+    </demo-block>
+
+    <demo-block :title="$t('title2')">
+      <van-progress inactive :percentage="0" />
+      <van-progress inactive :percentage="46" />
+      <van-progress inactive :percentage="100" />
+    </demo-block>
+
+    <demo-block :title="$t('title3')">
+      <van-progress :pivot-text="$t('red')" color="#ed5050" :percentage="26" />
+      <van-progress :pivot-text="$t('orange')" color="#f60" :percentage="46" />
+      <van-progress :pivot-text="$t('yellow')" color="#f09000" :percentage="66" />
+    </demo-block>
+  </demo-section>
+</template>
+
+<script>
+export default {
+  i18n: {
+    'zh-CN': {
+      title2: '进度条置灰',
+      title3: '样式定制'
+    },
+    'en-US': {
+      title2: 'Inactive',
+      title3: 'Custom Style'
+    }
+  }
+};
+</script>
+
+<style lang="postcss">
+.demo-progress {
+  .van-progress {
+    margin: 20px 10px;
+
+    &:first-of-type {
+      margin-top: 10px;
+    }
+  }
+}
+</style>