添加全局字号,动态调整大小

This commit is contained in:
icssoa
2025-08-13 15:21:16 +08:00
parent b04cfb0066
commit e7b17195dd
49 changed files with 682 additions and 292 deletions

View File

@@ -22,14 +22,21 @@
class="cl-keyboard-number__value"
:class="[pt.value?.className]"
>
<text
class="cl-keyboard-number__value-text dark:!text-white"
<cl-text
v-if="value != ''"
>{{ value }}</text
:pt="{
className: '!text-2xl'
}"
>{{ value }}</cl-text
>
<cl-text
v-else
:pt="{
className: '!text-md !text-surface-400'
}"
>{{ placeholder }}</cl-text
>
<text class="cl-keyboard-number__value-placeholder" v-else>{{
placeholder
}}</text>
</view>
</slot>
@@ -61,15 +68,21 @@
v-else-if="item == 'confirm'"
class="cl-keyboard-number__item-confirm"
>
<text class="cl-keyboard-number__item-text">{{
confirmText
}}</text>
<cl-text
color="white"
:pt="{
className: '!text-lg'
}"
>{{ confirmText }}</cl-text
>
</view>
<text
<cl-text
v-else
class="cl-keyboard-number__item-text dark:!text-white"
>{{ item }}</text
:pt="{
className: '!text-lg'
}"
>{{ item }}</cl-text
>
</slot>
</view>
@@ -346,16 +359,8 @@ defineExpose({
&__value {
@apply flex flex-row items-center justify-center;
height: 60rpx;
margin-bottom: 28rpx;
&-text {
@apply text-2xl text-surface-700;
}
&-placeholder {
@apply text-md text-surface-400;
}
height: 80rpx;
margin-bottom: 20rpx;
}
&__list {
@@ -372,10 +377,6 @@ defineExpose({
@apply bg-surface-800;
}
&-text {
@apply text-lg;
}
&.is-keycode-delete {
@apply bg-surface-200;
@@ -386,10 +387,6 @@ defineExpose({
&.is-keycode-confirm {
@apply bg-transparent relative;
.cl-keyboard-number__item-text {
@apply text-white;
}
}
&-confirm {