白色主题
This commit is contained in:
@@ -1,5 +1,5 @@
|
||||
const props = {
|
||||
customStyle: {
|
||||
style: {
|
||||
type: String,
|
||||
value: '',
|
||||
},
|
||||
|
||||
@@ -5,7 +5,7 @@ export default class Stepper extends SuperComponent {
|
||||
addGlobalClass: boolean;
|
||||
};
|
||||
properties: {
|
||||
customStyle?: {
|
||||
style?: {
|
||||
type: StringConstructor;
|
||||
value?: string;
|
||||
};
|
||||
|
||||
@@ -1,6 +1,6 @@
|
||||
<view style="{{ customStyle }}" class="{{classPrefix}} {{classPrefix}}--{{size}} {{prefix}}-class">
|
||||
<view style="{{ style }}" class="{{classPrefix}} {{classPrefix}}--{{size}} {{prefix}}-class">
|
||||
<view
|
||||
class="{{classPrefix}}__minus {{classPrefix}}__minus--{{theme}} {{classPrefix}}__icon--{{size}} {{ disabled || disableMinus || currentValue <= min ? classPrefix + '--disabled': ''}} {{prefix}}-class-minus"
|
||||
class="{{classPrefix}}__minus {{classPrefix}}__minus--{{theme}} {{classPrefix}}__icon--{{size}} {{ disabled || disableMinus || currentValue <= min ? classPrefix + '--' + theme + '-disabled': ''}} {{prefix}}-class-minus"
|
||||
catchtap="minusValue"
|
||||
aria-label="{{'减少' + step}}"
|
||||
aria-role="button"
|
||||
@@ -8,7 +8,7 @@
|
||||
>
|
||||
<t-icon name="remove" class="{{classPrefix}}__minus-icon" />
|
||||
</view>
|
||||
<view class="{{classPrefix}}__input--{{theme}} {{ disabled ? classPrefix + '--disabled': ''}}">
|
||||
<view class="{{classPrefix}}__input--{{theme}} {{ disabled ? classPrefix + '--' + theme + '-disabled': ''}}">
|
||||
<input
|
||||
style="{{inputWidth? 'width:' + inputWidth + 'px;': ''}}"
|
||||
class="{{classPrefix}}__input {{classPrefix}}__input--{{size}} {{prefix}}-class-input"
|
||||
@@ -21,7 +21,7 @@
|
||||
/>
|
||||
</view>
|
||||
<view
|
||||
class="{{classPrefix}}__plus {{classPrefix}}__plus--{{theme}} {{classPrefix}}__icon--{{size}} {{ disabled || disablePlus|| currentValue >= max ? classPrefix + '--disabled': ''}} {{prefix}}-class-plus"
|
||||
class="{{classPrefix}}__plus {{classPrefix}}__plus--{{theme}} {{classPrefix}}__icon--{{size}} {{ disabled || disablePlus|| currentValue >= max ? classPrefix + '--' + theme + '-disabled': ''}} {{prefix}}-class-plus"
|
||||
catchtap="plusValue"
|
||||
aria-label="{{'增加' + step}}"
|
||||
aria-role="button"
|
||||
|
||||
@@ -118,7 +118,11 @@
|
||||
.t-stepper__input--filled .t-stepper__input {
|
||||
margin: 0;
|
||||
}
|
||||
.t-stepper--disabled {
|
||||
.t-stepper--normal-disabled {
|
||||
color: var(--td-stepper-input-disabled-color, var(--td-font-gray-4, rgba(0, 0, 0, 0.26)));
|
||||
}
|
||||
.t-stepper--filled-disabled,
|
||||
.t-stepper--outline-disabled {
|
||||
color: var(--td-stepper-input-disabled-color, var(--td-font-gray-4, rgba(0, 0, 0, 0.26)));
|
||||
background-color: var(--td-stepper-input-disabled-bg, var(--td-gray-color-2, #eeeeee));
|
||||
}
|
||||
|
||||
@@ -1,5 +1,5 @@
|
||||
export interface TdStepperProps {
|
||||
customStyle?: {
|
||||
style?: {
|
||||
type: StringConstructor;
|
||||
value?: string;
|
||||
};
|
||||
|
||||
Reference in New Issue
Block a user