1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
| <template>
| <div class="p-4 flex justify-center">
| <div class="demo-wrap p-10">
| <StrengthMeter placeholder="默认" />
| <StrengthMeter placeholder="禁用" disabled />
| <br />
| <StrengthMeter placeholder="隐藏input" :show-input="false" value="!@#qwe12345" />
| </div>
| </div>
| </template>
|
| <script lang="ts">
| import { defineComponent } from 'vue';
| import StrengthMeter from '/@/components/StrengthMeter/index';
| export default defineComponent({
| components: {
| StrengthMeter,
| },
| setup() {
| return {};
| },
| });
| </script>
| <style lang="less" scoped>
| .demo-wrap {
| width: 50%;
| background: #fff;
| border-radius: 10px;
| }
| </style>
|
|