npm - @opentinyvue/vue-docs - Versions diffs - 3.22.0 → 3.22.2 - Mend

@opentinyvue/vue-docs 3.22.0 → 3.22.2

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (519) hide show

package/demos/pc/app/carousel/autoplay-composition-api.vue CHANGED Viewed

@@ -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>

package/demos/pc/app/carousel/autoplay.vue CHANGED Viewed

@@ -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>

package/demos/pc/app/carousel/basic-usage-composition-api.vue CHANGED Viewed

@@ -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>

package/demos/pc/app/carousel/basic-usage.vue CHANGED Viewed

@@ -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>

package/demos/pc/app/carousel/card-mode-composition-api.vue CHANGED Viewed

@@ -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>

package/demos/pc/app/carousel/card-mode.vue CHANGED Viewed

@@ -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>

package/demos/pc/app/carousel/card-show-composition-api.vue CHANGED Viewed

@@ -157,9 +157,6 @@ const disableStatus = () => {
   &:last-child {
     margin-right: 0;
   }
-  &:hover {
-    border-color: #1476ff;
-  }
 }
 .btn-layout {
   position: relative;
@@ -169,6 +166,9 @@ const disableStatus = () => {
   z-index: 10;
   padding: 0 76px;
 }
+.card-demo {
+  border: 0;
+}
 /deep/ .tiny-button.tiny-button--text.tiny-button.is-only-icon {
   font-size: 16px;
   border: none;
@@ -177,7 +177,7 @@ const disableStatus = () => {
   }
   &.is-disabled {
     .tiny-svg {
-      fill: #c2c2c2;
+      fill: #808080;
     }
   }
   &:hover {
@@ -185,7 +185,7 @@ const disableStatus = () => {
   }
   &:not(.is-disabled) {
     .tiny-svg:hover {
-      fill: #191919;
+      fill: #b3b3b3;
     }
   }
 }

package/demos/pc/app/carousel/card-show.vue CHANGED Viewed

@@ -160,9 +160,6 @@ export default {
   &:last-child {
     margin-right: 0;
   }
-  &:hover {
-    border-color: #1476ff;
-  }
 }
 .btn-layout {
   position: relative;
@@ -172,6 +169,9 @@ export default {
   z-index: 10;
   padding: 0 76px;
 }
+.card-demo {
+  border: 0;
+}
 /deep/ .tiny-button.tiny-button--text.tiny-button.is-only-icon {
   font-size: 16px;
   border: none;
@@ -180,7 +180,7 @@ export default {
   }
   &.is-disabled {
     .tiny-svg {
-      fill: #c2c2c2;
+      fill: #808080;
     }
   }
   &:hover {
@@ -188,7 +188,7 @@ export default {
   }
   &:not(.is-disabled) {
     .tiny-svg:hover {
-      fill: #191919;
+      fill: #b3b3b3;
     }
   }
 }

package/demos/pc/app/carousel/carousel-arrow-always-composition-api.vue CHANGED Viewed

@@ -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>

package/demos/pc/app/carousel/carousel-arrow-always.vue CHANGED Viewed

@@ -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>

package/demos/pc/app/carousel/carousel-arrow-hover-composition-api.vue CHANGED Viewed

@@ -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>

package/demos/pc/app/carousel/carousel-arrow-hover.vue CHANGED Viewed

@@ -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>

package/demos/pc/app/carousel/carousel-arrow-never-composition-api.vue CHANGED Viewed

@@ -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>

package/demos/pc/app/carousel/carousel-arrow-never.vue CHANGED Viewed

@@ -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>

package/demos/pc/app/carousel/carousel-events-composition-api.vue CHANGED Viewed

@@ -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>

package/demos/pc/app/carousel/carousel-events.vue CHANGED Viewed

@@ -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;

package/demos/pc/app/carousel/close-loop-composition-api.vue CHANGED Viewed

@@ -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>

package/demos/pc/app/carousel/close-loop.vue CHANGED Viewed

@@ -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>

package/demos/pc/app/carousel/custom-height-composition-api.vue CHANGED Viewed

@@ -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>

package/demos/pc/app/carousel/custom-height.vue CHANGED Viewed

@@ -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>

package/demos/pc/app/carousel/dialog-show-composition-api.vue CHANGED Viewed

@@ -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>

package/demos/pc/app/carousel/dialog-show.vue CHANGED Viewed

@@ -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>

package/demos/pc/app/carousel/indicator-trigger-composition-api.vue CHANGED Viewed

@@ -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>

package/demos/pc/app/carousel/indicator-trigger.vue CHANGED Viewed

@@ -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>

package/demos/pc/app/carousel/initial-index-composition-api.vue CHANGED Viewed

@@ -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>

package/demos/pc/app/carousel/initial-index.vue CHANGED Viewed

@@ -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>

package/demos/pc/app/carousel/manual-play-composition-api.vue CHANGED Viewed

@@ -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 {

package/demos/pc/app/carousel/manual-play.vue CHANGED Viewed

@@ -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;