[docs] 完善文档 Demo

MoomFE · Aug 4, 2023 · c97781c · c97781c
1 parent c9be181
commit c97781c
Show file tree

Hide file tree

Showing 2 changed files with 24 additions and 0 deletions.
diff --git a/packages/mixte/src/random/demo/randomLowercaseLetter.vue b/packages/mixte/src/random/demo/randomLowercaseLetter.vue
@@ -0,0 +1,12 @@
+<template>
+  <div flex flex-col gap-2 items-center>
+    <el-input v-model="value" class="w-36! [&_input]-text-center" readonly />
+    <button m-btn @click="value = randomLowercaseLetter()">点击随机</button>
+  </div>
+</template>
+
+<script setup>
+  import { randomLowercaseLetter } from 'mixte';
+
+  const value = ref();
+</script>
diff --git a/packages/mixte/src/random/demo/randomUppercaseLetter.vue b/packages/mixte/src/random/demo/randomUppercaseLetter.vue
@@ -0,0 +1,12 @@
+<template>
+  <div flex flex-col gap-2 items-center>
+    <el-input v-model="value" class="w-36! [&_input]-text-center" readonly />
+    <button m-btn @click="value = randomUppercaseLetter()">点击随机</button>
+  </div>
+</template>
+
+<script setup>
+  import { randomUppercaseLetter } from 'mixte';
+
+  const value = ref();
+</script>