forked from opentiny/tiny-vue
fix: change theme (#3149)
This commit is contained in:
parent
6dbeac3e6e
commit
81022665b8
|
|
@ -12,7 +12,7 @@ import { TinyCarousel, TinyCarouselItem } from '@opentiny/vue'
|
|||
|
||||
<style scoped>
|
||||
.tiny-carousel__item h3 {
|
||||
color: #475669;
|
||||
color: #808080;
|
||||
opacity: 0.75;
|
||||
line-height: 150px;
|
||||
margin: 0;
|
||||
|
|
@ -21,10 +21,10 @@ import { TinyCarousel, TinyCarouselItem } from '@opentiny/vue'
|
|||
}
|
||||
|
||||
.carousel-item-demo:nth-child(2n) {
|
||||
background-color: #fafafa;
|
||||
background-color: rgba(221, 221, 221, 0.2);
|
||||
}
|
||||
|
||||
.carousel-item-demo:nth-child(2n + 1) {
|
||||
background-color: #edf0f3;
|
||||
background-color: rgba(221, 221, 221, 0.1);
|
||||
}
|
||||
</style>
|
||||
|
|
|
|||
|
|
@ -19,7 +19,7 @@ export default {
|
|||
|
||||
<style scoped>
|
||||
.tiny-carousel__item h3 {
|
||||
color: #475669;
|
||||
color: #808080;
|
||||
opacity: 0.75;
|
||||
line-height: 150px;
|
||||
margin: 0;
|
||||
|
|
@ -28,10 +28,10 @@ export default {
|
|||
}
|
||||
|
||||
.carousel-item-demo:nth-child(2n) {
|
||||
background-color: #fafafa;
|
||||
background-color: rgba(221, 221, 221, 0.2);
|
||||
}
|
||||
|
||||
.carousel-item-demo:nth-child(2n + 1) {
|
||||
background-color: #edf0f3;
|
||||
background-color: rgba(221, 221, 221, 0.1);
|
||||
}
|
||||
</style>
|
||||
|
|
|
|||
|
|
@ -12,7 +12,7 @@ import { TinyCarousel, TinyCarouselItem } from '@opentiny/vue'
|
|||
|
||||
<style scoped>
|
||||
.tiny-carousel__item h3 {
|
||||
color: #475669;
|
||||
color: #808080;
|
||||
opacity: 0.75;
|
||||
line-height: 150px;
|
||||
margin: 0;
|
||||
|
|
@ -21,10 +21,10 @@ import { TinyCarousel, TinyCarouselItem } from '@opentiny/vue'
|
|||
}
|
||||
|
||||
.carousel-item-demo:nth-child(2n) {
|
||||
background-color: #fafafa;
|
||||
background-color: rgba(221, 221, 221, 0.2);
|
||||
}
|
||||
|
||||
.carousel-item-demo:nth-child(2n + 1) {
|
||||
background-color: #edf0f3;
|
||||
background-color: rgba(221, 221, 221, 0.1);
|
||||
}
|
||||
</style>
|
||||
|
|
|
|||
|
|
@ -19,7 +19,7 @@ export default {
|
|||
|
||||
<style scoped>
|
||||
.tiny-carousel__item h3 {
|
||||
color: #475669;
|
||||
color: #808080;
|
||||
opacity: 0.75;
|
||||
line-height: 150px;
|
||||
margin: 0;
|
||||
|
|
@ -28,10 +28,10 @@ export default {
|
|||
}
|
||||
|
||||
.carousel-item-demo:nth-child(2n) {
|
||||
background-color: #fafafa;
|
||||
background-color: rgba(221, 221, 221, 0.2);
|
||||
}
|
||||
|
||||
.carousel-item-demo:nth-child(2n + 1) {
|
||||
background-color: #edf0f3;
|
||||
background-color: rgba(221, 221, 221, 0.1);
|
||||
}
|
||||
</style>
|
||||
|
|
|
|||
|
|
@ -12,7 +12,7 @@ import { TinyCarousel, TinyCarouselItem } from '@opentiny/vue'
|
|||
|
||||
<style scoped>
|
||||
.tiny-carousel__item h3 {
|
||||
color: #475669;
|
||||
color: #808080;
|
||||
opacity: 0.75;
|
||||
line-height: 150px;
|
||||
margin: 0;
|
||||
|
|
@ -21,10 +21,10 @@ import { TinyCarousel, TinyCarouselItem } from '@opentiny/vue'
|
|||
}
|
||||
|
||||
.carousel-item-demo:nth-child(2n) {
|
||||
background-color: #fafafa;
|
||||
background-color: rgba(221, 221, 221, 0.2);
|
||||
}
|
||||
|
||||
.carousel-item-demo:nth-child(2n + 1) {
|
||||
background-color: #edf0f3;
|
||||
background-color: rgba(221, 221, 221, 0.2);
|
||||
}
|
||||
</style>
|
||||
|
|
|
|||
|
|
@ -19,7 +19,7 @@ export default {
|
|||
|
||||
<style scoped>
|
||||
.tiny-carousel__item h3 {
|
||||
color: #475669;
|
||||
color: #808080;
|
||||
opacity: 0.75;
|
||||
line-height: 150px;
|
||||
margin: 0;
|
||||
|
|
@ -28,10 +28,10 @@ export default {
|
|||
}
|
||||
|
||||
.carousel-item-demo:nth-child(2n) {
|
||||
background-color: #fafafa;
|
||||
background-color: rgba(221, 221, 221, 0.1);
|
||||
}
|
||||
|
||||
.carousel-item-demo:nth-child(2n + 1) {
|
||||
background-color: #edf0f3;
|
||||
background-color: rgba(221, 221, 221, 0.2);
|
||||
}
|
||||
</style>
|
||||
|
|
|
|||
|
|
@ -157,9 +157,6 @@ const disableStatus = () => {
|
|||
&:last-child {
|
||||
margin-right: 0;
|
||||
}
|
||||
&:hover {
|
||||
border-color: #1476ff;
|
||||
}
|
||||
}
|
||||
.btn-layout {
|
||||
position: relative;
|
||||
|
|
@ -185,7 +182,7 @@ const disableStatus = () => {
|
|||
}
|
||||
&:not(.is-disabled) {
|
||||
.tiny-svg:hover {
|
||||
fill: #191919;
|
||||
fill: #b3b3b3;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
|
|
|||
|
|
@ -160,9 +160,6 @@ export default {
|
|||
&:last-child {
|
||||
margin-right: 0;
|
||||
}
|
||||
&:hover {
|
||||
border-color: #1476ff;
|
||||
}
|
||||
}
|
||||
.btn-layout {
|
||||
position: relative;
|
||||
|
|
@ -188,7 +185,7 @@ export default {
|
|||
}
|
||||
&:not(.is-disabled) {
|
||||
.tiny-svg:hover {
|
||||
fill: #191919;
|
||||
fill: #b3b3b3;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
|
|
|||
|
|
@ -12,7 +12,7 @@ import { TinyCarousel, TinyCarouselItem } from '@opentiny/vue'
|
|||
|
||||
<style scoped>
|
||||
.tiny-carousel__item h3 {
|
||||
color: #475669;
|
||||
color: #808080;
|
||||
opacity: 0.75;
|
||||
line-height: 150px;
|
||||
margin: 0;
|
||||
|
|
@ -21,10 +21,10 @@ import { TinyCarousel, TinyCarouselItem } from '@opentiny/vue'
|
|||
}
|
||||
|
||||
.carousel-item-demo:nth-child(2n) {
|
||||
background-color: #fafafa;
|
||||
background-color: rgba(221, 221, 221, 0.2);
|
||||
}
|
||||
|
||||
.carousel-item-demo:nth-child(2n + 1) {
|
||||
background-color: #edf0f3;
|
||||
background-color: rgba(221, 221, 221, 0.1);
|
||||
}
|
||||
</style>
|
||||
|
|
|
|||
|
|
@ -19,7 +19,7 @@ export default {
|
|||
|
||||
<style scoped>
|
||||
.tiny-carousel__item h3 {
|
||||
color: #475669;
|
||||
color: #808080;
|
||||
opacity: 0.75;
|
||||
line-height: 150px;
|
||||
margin: 0;
|
||||
|
|
@ -28,10 +28,10 @@ export default {
|
|||
}
|
||||
|
||||
.carousel-item-demo:nth-child(2n) {
|
||||
background-color: #fafafa;
|
||||
background-color: rgba(221, 221, 221, 0.2);
|
||||
}
|
||||
|
||||
.carousel-item-demo:nth-child(2n + 1) {
|
||||
background-color: #edf0f3;
|
||||
background-color: rgba(221, 221, 221, 0.1);
|
||||
}
|
||||
</style>
|
||||
|
|
|
|||
|
|
@ -12,7 +12,7 @@ import { TinyCarousel, TinyCarouselItem } from '@opentiny/vue'
|
|||
|
||||
<style scoped>
|
||||
.tiny-carousel__item h3 {
|
||||
color: #475669;
|
||||
color: #808080;
|
||||
opacity: 0.75;
|
||||
line-height: 150px;
|
||||
margin: 0;
|
||||
|
|
@ -21,10 +21,10 @@ import { TinyCarousel, TinyCarouselItem } from '@opentiny/vue'
|
|||
}
|
||||
|
||||
.carousel-item-demo:nth-child(2n) {
|
||||
background-color: #fafafa;
|
||||
background-color: rgba(221, 221, 221, 0.2);
|
||||
}
|
||||
|
||||
.carousel-item-demo:nth-child(2n + 1) {
|
||||
background-color: #edf0f3;
|
||||
background-color: rgba(221, 221, 221, 0.1);
|
||||
}
|
||||
</style>
|
||||
|
|
|
|||
|
|
@ -19,7 +19,7 @@ export default {
|
|||
|
||||
<style scoped>
|
||||
.tiny-carousel__item h3 {
|
||||
color: #475669;
|
||||
color: #808080;
|
||||
opacity: 0.75;
|
||||
line-height: 150px;
|
||||
margin: 0;
|
||||
|
|
@ -28,10 +28,10 @@ export default {
|
|||
}
|
||||
|
||||
.carousel-item-demo:nth-child(2n) {
|
||||
background-color: #fafafa;
|
||||
background-color: rgba(221, 221, 221, 0.2);
|
||||
}
|
||||
|
||||
.carousel-item-demo:nth-child(2n + 1) {
|
||||
background-color: #edf0f3;
|
||||
background-color: rgba(221, 221, 221, 0.1);
|
||||
}
|
||||
</style>
|
||||
|
|
|
|||
|
|
@ -12,7 +12,7 @@ import { TinyCarousel, TinyCarouselItem } from '@opentiny/vue'
|
|||
|
||||
<style scoped>
|
||||
.tiny-carousel__item h3 {
|
||||
color: #475669;
|
||||
color: #808080;
|
||||
opacity: 0.75;
|
||||
line-height: 150px;
|
||||
margin: 0;
|
||||
|
|
@ -21,10 +21,10 @@ import { TinyCarousel, TinyCarouselItem } from '@opentiny/vue'
|
|||
}
|
||||
|
||||
.carousel-item-demo:nth-child(2n) {
|
||||
background-color: #fafafa;
|
||||
background-color: rgba(221, 221, 221, 0.2);
|
||||
}
|
||||
|
||||
.carousel-item-demo:nth-child(2n + 1) {
|
||||
background-color: #edf0f3;
|
||||
background-color: rgba(221, 221, 221, 0.1);
|
||||
}
|
||||
</style>
|
||||
|
|
|
|||
|
|
@ -19,7 +19,7 @@ export default {
|
|||
|
||||
<style scoped>
|
||||
.tiny-carousel__item h3 {
|
||||
color: #475669;
|
||||
color: #808080;
|
||||
opacity: 0.75;
|
||||
line-height: 150px;
|
||||
margin: 0;
|
||||
|
|
@ -28,10 +28,10 @@ export default {
|
|||
}
|
||||
|
||||
.carousel-item-demo:nth-child(2n) {
|
||||
background-color: #fafafa;
|
||||
background-color: rgba(221, 221, 221, 0.2);
|
||||
}
|
||||
|
||||
.carousel-item-demo:nth-child(2n + 1) {
|
||||
background-color: #edf0f3;
|
||||
background-color: rgba(221, 221, 221, 0.1);
|
||||
}
|
||||
</style>
|
||||
|
|
|
|||
|
|
@ -25,7 +25,7 @@ function handleChange(value, oldValue) {
|
|||
|
||||
<style scoped>
|
||||
.tiny-carousel__item h3 {
|
||||
color: #475669;
|
||||
color: #808080;
|
||||
opacity: 0.75;
|
||||
line-height: 150px;
|
||||
margin: 0;
|
||||
|
|
@ -34,14 +34,10 @@ function handleChange(value, oldValue) {
|
|||
}
|
||||
|
||||
.carousel-item-demo:nth-child(2n) {
|
||||
background-color: #fafafa;
|
||||
background-color: rgba(221, 221, 221, 0.2);
|
||||
}
|
||||
|
||||
.carousel-item-demo:nth-child(2n + 1) {
|
||||
background-color: #edf0f3;
|
||||
}
|
||||
.carousel-tip {
|
||||
margin: 16px 0 0;
|
||||
text-align: center;
|
||||
background-color: rgba(221, 221, 221, 0.1);
|
||||
}
|
||||
</style>
|
||||
|
|
|
|||
|
|
@ -35,7 +35,7 @@ export default {
|
|||
|
||||
<style scoped>
|
||||
.tiny-carousel__item h3 {
|
||||
color: #475669;
|
||||
color: #808080;
|
||||
opacity: 0.75;
|
||||
line-height: 150px;
|
||||
margin: 0;
|
||||
|
|
@ -44,11 +44,11 @@ export default {
|
|||
}
|
||||
|
||||
.carousel-item-demo:nth-child(2n) {
|
||||
background-color: #fafafa;
|
||||
background-color: rgba(221, 221, 221, 0.2);
|
||||
}
|
||||
|
||||
.carousel-item-demo:nth-child(2n + 1) {
|
||||
background-color: #edf0f3;
|
||||
background-color: rgba(221, 221, 221, 0.1);
|
||||
}
|
||||
.carousel-tip {
|
||||
margin: 16px 0 0;
|
||||
|
|
|
|||
|
|
@ -12,7 +12,7 @@ import { TinyCarousel, TinyCarouselItem } from '@opentiny/vue'
|
|||
|
||||
<style scoped>
|
||||
.tiny-carousel__item h3 {
|
||||
color: #475669;
|
||||
color: #808080;
|
||||
opacity: 0.75;
|
||||
line-height: 150px;
|
||||
margin: 0;
|
||||
|
|
@ -21,10 +21,10 @@ import { TinyCarousel, TinyCarouselItem } from '@opentiny/vue'
|
|||
}
|
||||
|
||||
.carousel-item-demo:nth-child(2n) {
|
||||
background-color: #fafafa;
|
||||
background-color: rgba(221, 221, 221, 0.2);
|
||||
}
|
||||
|
||||
.carousel-item-demo:nth-child(2n + 1) {
|
||||
background-color: #edf0f3;
|
||||
background-color: rgba(221, 221, 221, 0.1);
|
||||
}
|
||||
</style>
|
||||
|
|
|
|||
|
|
@ -19,7 +19,7 @@ export default {
|
|||
|
||||
<style scoped>
|
||||
.tiny-carousel__item h3 {
|
||||
color: #475669;
|
||||
color: #808080;
|
||||
opacity: 0.75;
|
||||
line-height: 150px;
|
||||
margin: 0;
|
||||
|
|
@ -28,10 +28,10 @@ export default {
|
|||
}
|
||||
|
||||
.carousel-item-demo:nth-child(2n) {
|
||||
background-color: #fafafa;
|
||||
background-color: rgba(221, 221, 221, 0.2);
|
||||
}
|
||||
|
||||
.carousel-item-demo:nth-child(2n + 1) {
|
||||
background-color: #edf0f3;
|
||||
background-color: rgba(221, 221, 221, 0.1);
|
||||
}
|
||||
</style>
|
||||
|
|
|
|||
|
|
@ -19,8 +19,11 @@ import { TinyCarousel, TinyCarouselItem } from '@opentiny/vue'
|
|||
</script>
|
||||
|
||||
<style scoped>
|
||||
.block {
|
||||
margin: 20px 0;
|
||||
}
|
||||
.tiny-carousel__item h3 {
|
||||
color: #475669;
|
||||
color: #808080;
|
||||
opacity: 0.75;
|
||||
line-height: 150px;
|
||||
margin: 0;
|
||||
|
|
@ -28,15 +31,11 @@ import { TinyCarousel, TinyCarouselItem } from '@opentiny/vue'
|
|||
font-size: 25px;
|
||||
}
|
||||
|
||||
.block {
|
||||
margin: 20px 0;
|
||||
}
|
||||
|
||||
.carousel-item-demo:nth-child(2n) {
|
||||
background-color: #fafafa;
|
||||
background-color: rgba(221, 221, 221, 0.2);
|
||||
}
|
||||
|
||||
.carousel-item-demo:nth-child(2n + 1) {
|
||||
background-color: #edf0f3;
|
||||
background-color: rgba(221, 221, 221, 0.1);
|
||||
}
|
||||
</style>
|
||||
|
|
|
|||
|
|
@ -26,8 +26,11 @@ export default {
|
|||
</script>
|
||||
|
||||
<style scoped>
|
||||
.block {
|
||||
margin: 20px 0;
|
||||
}
|
||||
.tiny-carousel__item h3 {
|
||||
color: #475669;
|
||||
color: #808080;
|
||||
opacity: 0.75;
|
||||
line-height: 150px;
|
||||
margin: 0;
|
||||
|
|
@ -35,15 +38,11 @@ export default {
|
|||
font-size: 25px;
|
||||
}
|
||||
|
||||
.block {
|
||||
margin: 20px 0;
|
||||
}
|
||||
|
||||
.carousel-item-demo:nth-child(2n) {
|
||||
background-color: #fafafa;
|
||||
background-color: rgba(221, 221, 221, 0.2);
|
||||
}
|
||||
|
||||
.carousel-item-demo:nth-child(2n + 1) {
|
||||
background-color: #edf0f3;
|
||||
background-color: rgba(221, 221, 221, 0.1);
|
||||
}
|
||||
</style>
|
||||
|
|
|
|||
|
|
@ -33,7 +33,7 @@ function handleSubmit() {
|
|||
|
||||
<style scoped>
|
||||
.tiny-carousel__item h3 {
|
||||
color: #475669;
|
||||
color: #808080;
|
||||
opacity: 0.75;
|
||||
line-height: 150px;
|
||||
margin: 0;
|
||||
|
|
@ -42,10 +42,10 @@ function handleSubmit() {
|
|||
}
|
||||
|
||||
.carousel-item-demo:nth-child(2n) {
|
||||
background-color: #fafafa;
|
||||
background-color: rgba(221, 221, 221, 0.2);
|
||||
}
|
||||
|
||||
.carousel-item-demo:nth-child(2n + 1) {
|
||||
background-color: #edf0f3;
|
||||
background-color: rgba(221, 221, 221, 0.1);
|
||||
}
|
||||
</style>
|
||||
|
|
|
|||
|
|
@ -46,7 +46,7 @@ export default {
|
|||
|
||||
<style scoped>
|
||||
.tiny-carousel__item h3 {
|
||||
color: #475669;
|
||||
color: #808080;
|
||||
opacity: 0.75;
|
||||
line-height: 150px;
|
||||
margin: 0;
|
||||
|
|
@ -55,10 +55,10 @@ export default {
|
|||
}
|
||||
|
||||
.carousel-item-demo:nth-child(2n) {
|
||||
background-color: #fafafa;
|
||||
background-color: rgba(221, 221, 221, 0.2);
|
||||
}
|
||||
|
||||
.carousel-item-demo:nth-child(2n + 1) {
|
||||
background-color: #edf0f3;
|
||||
background-color: rgba(221, 221, 221, 0.1);
|
||||
}
|
||||
</style>
|
||||
|
|
|
|||
|
|
@ -12,7 +12,7 @@ import { TinyCarousel, TinyCarouselItem } from '@opentiny/vue'
|
|||
|
||||
<style scoped>
|
||||
.tiny-carousel__item h3 {
|
||||
color: #475669;
|
||||
color: #808080;
|
||||
opacity: 0.75;
|
||||
line-height: 150px;
|
||||
margin: 0;
|
||||
|
|
@ -21,10 +21,10 @@ import { TinyCarousel, TinyCarouselItem } from '@opentiny/vue'
|
|||
}
|
||||
|
||||
.carousel-item-demo:nth-child(2n) {
|
||||
background-color: #fafafa;
|
||||
background-color: rgba(221, 221, 221, 0.2);
|
||||
}
|
||||
|
||||
.carousel-item-demo:nth-child(2n + 1) {
|
||||
background-color: #edf0f3;
|
||||
background-color: rgba(221, 221, 221, 0.1);
|
||||
}
|
||||
</style>
|
||||
|
|
|
|||
|
|
@ -19,7 +19,7 @@ export default {
|
|||
|
||||
<style scoped>
|
||||
.tiny-carousel__item h3 {
|
||||
color: #475669;
|
||||
color: #808080;
|
||||
opacity: 0.75;
|
||||
line-height: 150px;
|
||||
margin: 0;
|
||||
|
|
@ -28,10 +28,10 @@ export default {
|
|||
}
|
||||
|
||||
.carousel-item-demo:nth-child(2n) {
|
||||
background-color: #fafafa;
|
||||
background-color: rgba(221, 221, 221, 0.2);
|
||||
}
|
||||
|
||||
.carousel-item-demo:nth-child(2n + 1) {
|
||||
background-color: #edf0f3;
|
||||
background-color: rgba(221, 221, 221, 0.1);
|
||||
}
|
||||
</style>
|
||||
|
|
|
|||
|
|
@ -12,7 +12,7 @@ import { TinyCarousel, TinyCarouselItem } from '@opentiny/vue'
|
|||
|
||||
<style scoped>
|
||||
.tiny-carousel__item h3 {
|
||||
color: #475669;
|
||||
color: #808080;
|
||||
opacity: 0.75;
|
||||
line-height: 150px;
|
||||
margin: 0;
|
||||
|
|
@ -21,10 +21,10 @@ import { TinyCarousel, TinyCarouselItem } from '@opentiny/vue'
|
|||
}
|
||||
|
||||
.carousel-item-demo:nth-child(2n) {
|
||||
background-color: #fafafa;
|
||||
background-color: rgba(221, 221, 221, 0.2);
|
||||
}
|
||||
|
||||
.carousel-item-demo:nth-child(2n + 1) {
|
||||
background-color: #edf0f3;
|
||||
background-color: rgba(221, 221, 221, 0.1);
|
||||
}
|
||||
</style>
|
||||
|
|
|
|||
|
|
@ -18,11 +18,20 @@ export default {
|
|||
</script>
|
||||
|
||||
<style scoped>
|
||||
.tiny-carousel__item h3 {
|
||||
color: #808080;
|
||||
opacity: 0.75;
|
||||
line-height: 150px;
|
||||
margin: 0;
|
||||
text-align: center;
|
||||
font-size: 25px;
|
||||
}
|
||||
|
||||
.carousel-item-demo:nth-child(2n) {
|
||||
background-color: #fafafa;
|
||||
background-color: rgba(221, 221, 221, 0.2);
|
||||
}
|
||||
|
||||
.carousel-item-demo:nth-child(2n + 1) {
|
||||
background-color: #edf0f3;
|
||||
background-color: rgba(221, 221, 221, 0.1);
|
||||
}
|
||||
</style>
|
||||
|
|
|
|||
|
|
@ -45,7 +45,7 @@ function prev() {
|
|||
|
||||
<style scoped>
|
||||
.tiny-carousel__item h3 {
|
||||
color: #475669;
|
||||
color: #808080;
|
||||
opacity: 0.75;
|
||||
line-height: 150px;
|
||||
margin: 0;
|
||||
|
|
@ -54,11 +54,11 @@ function prev() {
|
|||
}
|
||||
|
||||
.carousel-item-demo:nth-child(2n) {
|
||||
background-color: #fafafa;
|
||||
background-color: rgba(221, 221, 221, 0.2);
|
||||
}
|
||||
|
||||
.carousel-item-demo:nth-child(2n + 1) {
|
||||
background-color: #edf0f3;
|
||||
background-color: rgba(221, 221, 221, 0.1);
|
||||
}
|
||||
|
||||
.manual-layoutset {
|
||||
|
|
|
|||
|
|
@ -55,7 +55,7 @@ export default {
|
|||
|
||||
<style scoped>
|
||||
.tiny-carousel__item h3 {
|
||||
color: #475669;
|
||||
color: #808080;
|
||||
opacity: 0.75;
|
||||
line-height: 150px;
|
||||
margin: 0;
|
||||
|
|
@ -64,11 +64,11 @@ export default {
|
|||
}
|
||||
|
||||
.carousel-item-demo:nth-child(2n) {
|
||||
background-color: #fafafa;
|
||||
background-color: rgba(221, 221, 221, 0.2);
|
||||
}
|
||||
|
||||
.carousel-item-demo:nth-child(2n + 1) {
|
||||
background-color: #edf0f3;
|
||||
background-color: rgba(221, 221, 221, 0.1);
|
||||
}
|
||||
.manual-layoutset {
|
||||
display: flex;
|
||||
|
|
|
|||
|
|
@ -12,7 +12,7 @@ import { TinyCarousel, TinyCarouselItem } from '@opentiny/vue'
|
|||
|
||||
<style scoped>
|
||||
.tiny-carousel__item h3 {
|
||||
color: #475669;
|
||||
color: #808080;
|
||||
opacity: 0.75;
|
||||
line-height: 150px;
|
||||
margin: 0;
|
||||
|
|
@ -21,10 +21,10 @@ import { TinyCarousel, TinyCarouselItem } from '@opentiny/vue'
|
|||
}
|
||||
|
||||
.carousel-item-demo:nth-child(2n) {
|
||||
background-color: #fafafa;
|
||||
background-color: rgba(221, 221, 221, 0.2);
|
||||
}
|
||||
|
||||
.carousel-item-demo:nth-child(2n + 1) {
|
||||
background-color: #edf0f3;
|
||||
background-color: rgba(221, 221, 221, 0.1);
|
||||
}
|
||||
</style>
|
||||
|
|
|
|||
|
|
@ -19,7 +19,7 @@ export default {
|
|||
|
||||
<style scoped>
|
||||
.tiny-carousel__item h3 {
|
||||
color: #475669;
|
||||
color: #808080;
|
||||
opacity: 0.75;
|
||||
line-height: 150px;
|
||||
margin: 0;
|
||||
|
|
@ -28,10 +28,10 @@ export default {
|
|||
}
|
||||
|
||||
.carousel-item-demo:nth-child(2n) {
|
||||
background-color: #fafafa;
|
||||
background-color: rgba(221, 221, 221, 0.2);
|
||||
}
|
||||
|
||||
.carousel-item-demo:nth-child(2n + 1) {
|
||||
background-color: #edf0f3;
|
||||
background-color: rgba(221, 221, 221, 0.1);
|
||||
}
|
||||
</style>
|
||||
|
|
|
|||
|
|
@ -12,7 +12,7 @@ import { TinyCarousel, TinyCarouselItem } from '@opentiny/vue'
|
|||
|
||||
<style scoped>
|
||||
.tiny-carousel__item h3 {
|
||||
color: #475669;
|
||||
color: #808080;
|
||||
opacity: 0.75;
|
||||
line-height: 150px;
|
||||
margin: 0;
|
||||
|
|
@ -21,10 +21,10 @@ import { TinyCarousel, TinyCarouselItem } from '@opentiny/vue'
|
|||
}
|
||||
|
||||
.carousel-item-demo:nth-child(2n) {
|
||||
background-color: #f0f0f0;
|
||||
background-color: rgba(221, 221, 221, 0.2);
|
||||
}
|
||||
|
||||
.carousel-item-demo:nth-child(2n + 1) {
|
||||
background-color: #edf0f3;
|
||||
background-color: rgba(221, 221, 221, 0.1);
|
||||
}
|
||||
</style>
|
||||
|
|
|
|||
|
|
@ -19,7 +19,7 @@ export default {
|
|||
|
||||
<style scoped>
|
||||
.tiny-carousel__item h3 {
|
||||
color: #475669;
|
||||
color: #808080;
|
||||
opacity: 0.75;
|
||||
line-height: 150px;
|
||||
margin: 0;
|
||||
|
|
@ -28,10 +28,10 @@ export default {
|
|||
}
|
||||
|
||||
.carousel-item-demo:nth-child(2n) {
|
||||
background-color: #f0f0f0;
|
||||
background-color: rgba(221, 221, 221, 0.2);
|
||||
}
|
||||
|
||||
.carousel-item-demo:nth-child(2n + 1) {
|
||||
background-color: #edf0f3;
|
||||
background-color: rgba(221, 221, 221, 0.1);
|
||||
}
|
||||
</style>
|
||||
|
|
|
|||
|
|
@ -12,7 +12,7 @@ import { TinyCarousel, TinyCarouselItem } from '@opentiny/vue'
|
|||
|
||||
<style scoped>
|
||||
.tiny-carousel__item h3 {
|
||||
color: #475669;
|
||||
color: #808080;
|
||||
opacity: 0.75;
|
||||
line-height: 150px;
|
||||
margin: 0;
|
||||
|
|
@ -21,10 +21,10 @@ import { TinyCarousel, TinyCarouselItem } from '@opentiny/vue'
|
|||
}
|
||||
|
||||
.carousel-item-demo:nth-child(2n) {
|
||||
background-color: #fafafa;
|
||||
background-color: rgba(221, 221, 221, 0.2);
|
||||
}
|
||||
|
||||
.carousel-item-demo:nth-child(2n + 1) {
|
||||
background-color: #edf0f3;
|
||||
background-color: rgba(221, 221, 221, 0.1);
|
||||
}
|
||||
</style>
|
||||
|
|
|
|||
|
|
@ -19,7 +19,7 @@ export default {
|
|||
|
||||
<style scoped>
|
||||
.tiny-carousel__item h3 {
|
||||
color: #475669;
|
||||
color: #808080;
|
||||
opacity: 0.75;
|
||||
line-height: 150px;
|
||||
margin: 0;
|
||||
|
|
@ -28,10 +28,10 @@ export default {
|
|||
}
|
||||
|
||||
.carousel-item-demo:nth-child(2n) {
|
||||
background-color: #fafafa;
|
||||
background-color: rgba(221, 221, 221, 0.2);
|
||||
}
|
||||
|
||||
.carousel-item-demo:nth-child(2n + 1) {
|
||||
background-color: #edf0f3;
|
||||
background-color: rgba(221, 221, 221, 0.1);
|
||||
}
|
||||
</style>
|
||||
|
|
|
|||
|
|
@ -12,7 +12,7 @@ import { TinyCarousel, TinyCarouselItem } from '@opentiny/vue'
|
|||
|
||||
<style scoped>
|
||||
.tiny-carousel__item h3 {
|
||||
color: #475669;
|
||||
color: #808080;
|
||||
opacity: 0.75;
|
||||
line-height: 150px;
|
||||
margin: 0;
|
||||
|
|
@ -21,10 +21,10 @@ import { TinyCarousel, TinyCarouselItem } from '@opentiny/vue'
|
|||
}
|
||||
|
||||
.carousel-item-demo:nth-child(2n) {
|
||||
background-color: #fafafa;
|
||||
background-color: rgba(221, 221, 221, 0.2);
|
||||
}
|
||||
|
||||
.carousel-item-demo:nth-child(2n + 1) {
|
||||
background-color: #edf0f3;
|
||||
background-color: rgba(221, 221, 221, 0.1);
|
||||
}
|
||||
</style>
|
||||
|
|
|
|||
|
|
@ -19,7 +19,7 @@ export default {
|
|||
|
||||
<style scoped>
|
||||
.tiny-carousel__item h3 {
|
||||
color: #475669;
|
||||
color: #808080;
|
||||
opacity: 0.75;
|
||||
line-height: 150px;
|
||||
margin: 0;
|
||||
|
|
@ -28,10 +28,10 @@ export default {
|
|||
}
|
||||
|
||||
.carousel-item-demo:nth-child(2n) {
|
||||
background-color: #fafafa;
|
||||
background-color: rgba(221, 221, 221, 0.2);
|
||||
}
|
||||
|
||||
.carousel-item-demo:nth-child(2n + 1) {
|
||||
background-color: #edf0f3;
|
||||
background-color: rgba(221, 221, 221, 0.1);
|
||||
}
|
||||
</style>
|
||||
|
|
|
|||
|
|
@ -12,7 +12,7 @@
|
|||
|
||||
.inject-CarouselItem-vars() {
|
||||
--tv-CarouselItem-title-height: var(--tv-size-height-lg);
|
||||
--tv-CarouselItem-title-text-color: var(--tv-color-text-inverse);
|
||||
--tv-CarouselItem-title-text-color: var(--tv-color-text-weaken);
|
||||
--tv-CarouselItem-title-bg-color: var(--tv-color-bg-primary);
|
||||
--tv-CarouselItem-title-span-font-size: var(--tv-font-size-default);
|
||||
--tv-CarouselItem-mask-bg-color: var(--tv-color-bg-secondary);
|
||||
|
|
|
|||
Loading…
Reference in New Issue