mirror of
https://github.com/tusen-ai/naive-ui.git
synced 2025-01-12 12:25:16 +08:00
refactor(progress): rename theme cssr vars
This commit is contained in:
parent
ca784e9e5f
commit
0ed733f420
@ -37,7 +37,7 @@ export default c([
|
||||
const local = props.$local
|
||||
const fillColor = local[status].fillColor
|
||||
const outerIndicatorTextColor = local.outerIndicatorTextColor
|
||||
const processingLineBackgroundImage = local.processingLineBackgroundImage
|
||||
const lineBackgroundImageProcessing = local.lineBackgroundImageProcessing
|
||||
return cTB('progress', [
|
||||
cM(status, [
|
||||
cB('progress-text', {
|
||||
@ -65,7 +65,7 @@ export default c([
|
||||
cM('processing', [
|
||||
c('&::after', {
|
||||
content: '',
|
||||
backgroundImage: processingLineBackgroundImage,
|
||||
backgroundImage: lineBackgroundImageProcessing,
|
||||
animation: `progress-processing-animation 2s ${base.easeInOutCubicBezier} infinite`
|
||||
})
|
||||
])
|
||||
|
@ -23,7 +23,7 @@ export default create({
|
||||
},
|
||||
innerIndicatorTextColor: 'rgb(0, 0, 0)',
|
||||
outerIndicatorTextColor: 'rgb(0, 0, 0)',
|
||||
processingLineBackgroundImage: 'linear-gradient(90deg, rgba(255, 255, 255, .3) 0%, rgba(255, 255, 255, .5) 100%)'
|
||||
lineBackgroundImageProcessing: 'linear-gradient(90deg, rgba(255, 255, 255, .3) 0%, rgba(255, 255, 255, .5) 100%)'
|
||||
}
|
||||
}
|
||||
})
|
||||
|
@ -23,7 +23,7 @@ export default create({
|
||||
},
|
||||
innerIndicatorTextColor: 'rgb(255, 255, 255)',
|
||||
outerIndicatorTextColor: 'rgb(255, 255, 255)',
|
||||
processingLineBackgroundImage: 'linear-gradient(90deg, rgba(255, 255, 255, .3) 0%, rgba(255, 255, 255, .5) 100%)'
|
||||
lineBackgroundImageProcessing: 'linear-gradient(90deg, rgba(255, 255, 255, .3) 0%, rgba(255, 255, 255, .5) 100%)'
|
||||
}
|
||||
}
|
||||
})
|
||||
|
Loading…
Reference in New Issue
Block a user