docs: add docs for Accordion/Collapse/Popover

Change-Id: Ibb023741445c134973a2ea993c498f02d83f3a98
2021-11-10 14:44:26 +08:00
parent 840c5ba4bf
commit 0b7c8fd460
8 changed files with 439 additions and 0 deletions
--- a/one/docs/demo/popover/foot.vue
+++ b/one/docs/demo/popover/foot.vue
@@ -0,0 +1,48 @@
+<template>
+<article>
+  <section>
+    <veui-button ref="btn1">
+      按钮1
+    </veui-button>
+    <veui-button ref="btn2">
+      按钮2
+    </veui-button>
+    <veui-popover
+      target="btn1"
+      title="Popover Title"
+      ok-label="好"
+      cancel-label="否"
+      foot
+    >
+      This is a popover.
+    </veui-popover>
+    <veui-popover
+      target="btn2"
+      title="Popover Title"
+      foot
+    >
+      This is a popover.
+      <template #foot>
+        Popover foot
+      </template>
+    </veui-popover>
+  </section>
+</article>
+</template>
+
+<script>
+import { Popover, Button } from 'veui'
+
+export default {
+  components: {
+    'veui-button': Button,
+    'veui-popover': Popover
+  }
+}
+</script>
+
+<style lang="less" scoped>
+.veui-button + .veui-button {
+  margin-left: 200px;
+}
+</style>