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