limqsh/quinn-accounts
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

白色主题

Browse Source
This commit is contained in:
limqhz
2023-02-12 19:04:01 +08:00
parent d736a5912f
commit 57ab6fbb49
411 changed files with 1752 additions and 5304 deletions
Download Patch File Download Diff File Expand all files Collapse all files

68
miniprogram_npm/tdesign-miniprogram/input/input.wxss
View File

@@ -26,9 +26,33 @@
transform: scale(1.5);
}
.t-input {
position: relative;
background-color: var(--td-input-bg-color, var(--td-bg-color-block, #fff));
display: flex;
background: var(--td-input-bg-color, var(--td-bg-color-block, #fff));
flex: 1;
padding: var(--td-input-vertical-padding, 32rpx);
}
.t-input--border {
position: relative;
}
.t-input--border::after {
content: '';
display: block;
position: absolute;
top: unset;
bottom: 0;
left: unset;
right: unset;
background-color: var(--td-input-border-color, var(--td-gray-color-3, #e7e7e7));
}
.t-input--border::after {
height: 1px;
left: 0;
right: 0;
transform: scaleY(0.5);
}
.t-input--border:after {
left: var(--td-input-border-left-space, 32rpx);
right: var(--td-input-border-right-space, 0);
}
.t-input--layout-vertical {
flex-direction: column;
@@ -41,8 +65,8 @@
color: var(--td-input-prefix-icon-color, var(--td-font-gray-1, rgba(0, 0, 0, 0.9)));
}
.t-input__label:not(:empty) {
min-width: 150rpx;
max-width: 150rpx;
min-width: 2em;
max-width: 5em;
font-size: var(--td-font-size-m, 32rpx);
line-height: 48rpx;
color: var(--td-input-label-text-color, var(--td-font-gray-1, rgba(0, 0, 0, 0.9)));
@@ -56,14 +80,15 @@
}
.t-input__wrap {
display: flex;
flex-direction: column;
flex-wrap: wrap;
flex: auto;
align-items: center;
justify-content: center;
flex-shrink: 1;
flex: 1;
}
.t-input__wrap .t-input__content {
display: flex;
align-items: center;
width: 100%;
line-height: 48rpx;
font-size: var(--td-font-size-m, 32rpx);
}
@@ -102,6 +127,7 @@
box-sizing: border-box;
width: 100%;
min-width: 0;
min-height: 48rpx;
margin: 0;
padding: 0;
color: var(--td-input-default-text-color, var(--td-font-gray-1, rgba(0, 0, 0, 0.9)));
@@ -133,36 +159,18 @@
}
.t-input__tips {
font-size: var(--td-font-size-s, 24rpx);
color: var(--td-input-default-tips-color, var(--td-font-gray-3, rgba(0, 0, 0, 0.4)));
line-height: 40rpx;
padding-top: 8rpx;
}
.t-input--border {
padding: 24rpx 32rpx;
border-radius: var(--td-input-border-radius, var(--td-radius-default, 12rpx));
border: 3rpx solid var(--td-input-default-border-color, var(--td-border-color, #e7e7e7));
}
.t-input--success.t-input--border {
border-color: var(--td-input-success-border-color, var(--td-success-color, var(--td-success-color-5, #00a870)));
.t-input--default + .t-input__tips {
color: var(--td-input-default-tips-color, var(--td-font-gray-3, rgba(0, 0, 0, 0.4)));
}
.t-input--success + .t-input__tips {
color: var(--td-input-success-border-color, var(--td-success-color, var(--td-success-color-5, #00a870)));
}
.t-input--warning.t-input--border {
border-color: var(--td-input-warning-border-color, var(--td-warning-color, var(--td-warning-color-5, #ed7b2f)));
color: var(--td-input-success-tips-color, var(--td-success-color, var(--td-success-color-5, #00a870)));
}
.t-input--warning + .t-input__tips {
color: var(--td-input-warning-border-color, var(--td-warning-color, var(--td-warning-color-5, #ed7b2f)));
}
.t-input--error.t-input--border {
border-color: var(--td-input-error-border-color, var(--td-error-color, var(--td-error-color-6, #e34d59)));
color: var(--td-input-warning-tips-color, var(--td-warning-color, var(--td-warning-color-5, #ed7b2f)));
}
.t-input--error + .t-input__tips {
color: var(--td-input-error-border-color, var(--td-error-color, var(--td-error-color-6, #e34d59)));
}
.t-input--size-medium {
padding: 32rpx 32rpx;
}
.t-input--size-small {
padding: 24rpx 32rpx;
color: var(--td-input-error-tips-color, var(--td-error-color, var(--td-error-color-6, #e34d59)));
}