@antmjs/vantui/lib/skeleton/index.css

一套适用于Taro3及React的vantui组件库

:root,page{--primary-color:#07c160}.van-skeleton{display:-webkit-box;display:-webkit-flex;display:flex;box-sizing:border-box;width:100%;padding:0 32px;padding:var(--skeleton-padding,0 32px)}.van-skeleton__avatar{-webkit-flex-shrink:0;flex-shrink:0;-webkit-animation:van-skeleton-blink 1.3s ease infinite;animation:van-skeleton-blink 1.3s ease infinite;background:-webkit-linear-gradient(left,hsla(0,0%,74.5%,.2) 25%,hsla(0,0%,50.6%,.24) 37%,hsla(0,0%,74.5%,.2) 63%);background:linear-gradient(90deg,hsla(0,0%,74.5%,.2) 25%,hsla(0,0%,50.6%,.24) 37%,hsla(0,0%,74.5%,.2) 63%);background-size:400% 100%;margin-right:32px;margin-right:var(--padding-md,32px);background-color:#f2f3f5;background-color:var(--skeleton-avatar-background-color,#f2f3f5)}.van-skeleton__avatar--round{border-radius:100%}.van-skeleton__content{-webkit-box-flex:1;-webkit-flex:1;flex:1}.van-skeleton__avatar+.van-skeleton__content{padding-top:16px;padding-top:var(--padding-xs,16px)}.van-skeleton__row,.van-skeleton__title{-webkit-animation:van-skeleton-blink 1.3s ease infinite;animation:van-skeleton-blink 1.3s ease infinite;background:-webkit-linear-gradient(left,hsla(0,0%,74.5%,.2) 25%,hsla(0,0%,50.6%,.24) 37%,hsla(0,0%,74.5%,.2) 63%);background:linear-gradient(90deg,hsla(0,0%,74.5%,.2) 25%,hsla(0,0%,50.6%,.24) 37%,hsla(0,0%,74.5%,.2) 63%);background-size:400% 100%;height:32px;height:var(--skeleton-row-height,32px)}.van-skeleton__title{margin:0}.van-skeleton__row:not(:first-child){margin-top:24px;margin-top:var(--skeleton-row-margin-top,24px)}.van-skeleton__title+.van-skeleton__row{margin-top:40px}@-webkit-keyframes van-skeleton-blink{0%{background-position:100% 50%}100%{background-position:0 50%}}@keyframes van-skeleton-blink{0%{background-position:100% 50%}100%{background-position:0 50%}}