白色主题
This commit is contained in:
@@ -11,7 +11,7 @@ export default class Divider extends SuperComponent {
|
||||
classPrefix: string;
|
||||
};
|
||||
observers: {
|
||||
'lineColor, customStyle'(): void;
|
||||
'lineColor, style'(): void;
|
||||
};
|
||||
methods: {
|
||||
setStyle(): void;
|
||||
|
||||
@@ -23,14 +23,14 @@ let Divider = class Divider extends SuperComponent {
|
||||
classPrefix: name,
|
||||
};
|
||||
this.observers = {
|
||||
'lineColor, customStyle'() {
|
||||
'lineColor, style'() {
|
||||
this.setStyle();
|
||||
},
|
||||
};
|
||||
this.methods = {
|
||||
setStyle() {
|
||||
const { lineColor, customStyle } = this.properties;
|
||||
const dividerStyle = `${lineColor ? `border-color: ${lineColor};` : ''}${customStyle ? `${customStyle}` : ''}`;
|
||||
const { lineColor, style } = this.properties;
|
||||
const dividerStyle = `${lineColor ? `border-color: ${lineColor};` : ''}${style ? `${style}` : ''}`;
|
||||
this.setData({
|
||||
dividerStyle,
|
||||
});
|
||||
|
||||
@@ -73,9 +73,9 @@
|
||||
border-style: dashed;
|
||||
}
|
||||
.t-divider__content {
|
||||
font-size: var(--td-divider-content-font-size, 38rpx);
|
||||
font-size: var(--td-divider-content-font-size, 24rpx);
|
||||
line-height: var(--td-divider-content-line-height, 40rpx);
|
||||
color: var(--td-divider-content-color, var(--td-font-gray-3, #e34d59));
|
||||
color: var(--td-divider-content-color, var(--td-font-gray-3, rgba(0, 0, 0, 0.4)));
|
||||
}
|
||||
.t-divider--left::before,
|
||||
.t-divider--right::after {
|
||||
|
||||
@@ -6,7 +6,7 @@ const props = {
|
||||
content: {
|
||||
type: String,
|
||||
},
|
||||
customStyle: {
|
||||
style: {
|
||||
type: String,
|
||||
value: '',
|
||||
},
|
||||
|
||||
@@ -7,7 +7,7 @@ export interface TdDividerProps {
|
||||
type: StringConstructor;
|
||||
value?: string;
|
||||
};
|
||||
customStyle?: {
|
||||
style?: {
|
||||
type: StringConstructor;
|
||||
value?: string;
|
||||
};
|
||||
|
||||
Reference in New Issue
Block a user