feat(nuxt): allow disabling color for <NuxtLoadingIndicator> (#18432)

This commit is contained in:
Kareem Dabbeet 2023-01-22 02:15:32 +03:00 committed by GitHub
parent 98d292ae85
commit ea9812a559
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
2 changed files with 3 additions and 3 deletions

View File

@ -29,7 +29,7 @@ You can pass custom HTML or components through the loading indicator's default s
## Props
- **color**: The color of the loading bar.
- **color**: The color of the loading bar. It can be set to `false` to turn off explicit color styling.
- **height**: Height of the loading bar, in pixels (default `3`).
- **duration**: Duration of the loading bar, in milliseconds (default `2000`).
- **throttle**: Throttle the appearing and hiding, in milliseconds (default `200`).

View File

@ -17,7 +17,7 @@ export default defineComponent({
default: 3
},
color: {
type: String,
type: [String, Boolean],
default: 'repeating-linear-gradient(to right,#00dc82 0%,#34cdfe 50%,#0047e1 100%)'
}
},
@ -45,7 +45,7 @@ export default defineComponent({
width: `${indicator.progress.value}%`,
height: `${props.height}px`,
opacity: indicator.isLoading.value ? 1 : 0,
background: props.color,
background: props.color || undefined,
backgroundSize: `${(100 / indicator.progress.value) * 100}% auto`,
transition: 'width 0.1s, height 0.4s, opacity 0.4s',
zIndex: 999999