feat 完善注释
This commit is contained in:
@@ -19,8 +19,6 @@ const levelIndex = computed(() => (level.value === 'strong' ? 3 : level.value ==
|
||||
</script>
|
||||
|
||||
<template>
|
||||
<!-- 设计稿:强度条常驻显示(未输入时整条为空轨道 + 空强度文字),
|
||||
占位高度固定 15(条行)+ 18(提示行),保证表单纵向节奏与设计稿一致 -->
|
||||
<div class="pwd-strength">
|
||||
<div class="pwd-strength__bars">
|
||||
<span
|
||||
@@ -38,7 +36,6 @@ const levelIndex = computed(() => (level.value === 'strong' ? 3 : level.value ==
|
||||
</template>
|
||||
|
||||
<style lang="less" scoped>
|
||||
// 设计稿(54/55):满宽强度条(弱=首段红,余段浅灰轨道)+ 右端灰色强度文字 + 下方红色提示
|
||||
.pwd-strength {
|
||||
display: grid;
|
||||
grid-template-columns: 1fr auto;
|
||||
@@ -46,7 +43,6 @@ const levelIndex = computed(() => (level.value === 'strong' ? 3 : level.value ==
|
||||
column-gap: @spacing-sm;
|
||||
row-gap: 3px;
|
||||
align-items: center;
|
||||
// 设计稿:密码框底 → 条行 → 提示行 → 下一标签,节奏 15/15/18
|
||||
min-height: 33px;
|
||||
box-sizing: border-box;
|
||||
|
||||
@@ -55,7 +51,6 @@ const levelIndex = computed(() => (level.value === 'strong' ? 3 : level.value ==
|
||||
gap: 8px;
|
||||
}
|
||||
|
||||
// 设计稿轨道实取 #EDEFF2,条高 5
|
||||
&__bar {
|
||||
flex: 1;
|
||||
height: 5px;
|
||||
@@ -75,7 +70,6 @@ const levelIndex = computed(() => (level.value === 'strong' ? 3 : level.value ==
|
||||
}
|
||||
}
|
||||
|
||||
// 设计稿强度文字为 11px 中性灰(「弱」实取 rgba(156,163,175))
|
||||
&__label {
|
||||
justify-self: end;
|
||||
font-size: 11px;
|
||||
|
||||
Reference in New Issue
Block a user