nutui-taro-upgrade/dist/packages/skeleton/index.css

@nutui/nutui-taro 对京东风格组件库的taro4 版本支持

.nut-avatar{background-size:100% 100%;background-repeat:no-repeat;background-position:center center;display:inline-block;position:relative;flex:0 0 auto;text-align:center;vertical-align:top}.nut-avatar img{display:block;width:100%;height:100%}.nut-avatar .nut-icon{background-size:100% 100%;position:absolute;top:50%;left:50%;transform:translate(-50%, -50%)}.nut-avatar-large{width:var(--nut-avatar-large-width, 60px);height:var(--nut-avatar-large-height, 60px);line-height:var(--nut-avatar-large-height, 60px)}.nut-avatar-small{width:var(--nut-avatar-small-width, 32px);height:var(--nut-avatar-small-height, 32px);line-height:var(--nut-avatar-small-height, 32px)}.nut-avatar-normal{width:var(--nut-avatar-normal-width, 40px);height:var(--nut-avatar-normal-height, 40px);line-height:var(--nut-avatar-normal-height, 40px)}.nut-avatar-round{border-radius:50%;overflow:hidden}.nut-avatar-square{border-radius:var(--nut-avatar-square, 5px)}.nut-skeleton{display:inline-block;position:relative;overflow:hidden;vertical-align:middle}.nut-skeleton .nut-skeleton-content{display:flex}.nut-skeleton .nut-skeleton-content .avatarClass{margin-right:20px;background-color:var(--nut-skeleton-content-avatar-background-color, #efefef)}.nut-skeleton .nut-skeleton-content .nut-skeleton-content__line{display:flex;flex-direction:column}.nut-skeleton .nut-skeleton-content .nut-skeleton-content__line .nut-skeleton-blockTitle,.nut-skeleton .nut-skeleton-content .nut-skeleton-content__line .nut-skeleton-blockLine{width:100%;margin-bottom:10px;background-color:var(--nut-skeleton-content-line-background-color, #efefef)}.nut-skeleton .nut-skeleton-content .nut-skeleton-content__line .nut-skeleton-blockTitle{width:30%}.nut-skeleton .nut-skeleton-content .nut-skeleton-content__line .blockLine~.blockLine:last-of-type{width:70%}.nut-skeleton .nut-skeleton-content .nut-skeleton-content__line .nut-skeleton-blockTitle:last-of-type,.nut-skeleton .nut-skeleton-content .nut-skeleton-content__line .nut-skeleton-blockLine:last-of-type{margin-bottom:0}.nut-skeleton .nut-skeleton-content .nut-skeleton-content__line .nut-skeleton-blockTitle--round,.nut-skeleton .nut-skeleton-content .nut-skeleton-content__line .nut-skeleton-blockLine--round{border-radius:10px}.nut-skeleton .nut-skeleton-animation{position:absolute;top:0;left:0;width:100%;height:100%;z-index:1;background:var(--nut-skeleton-animation-background-color, linear-gradient(90deg, hsla(0, 0%, 100%, 0), hsla(0, 0%, 100%, 0.5) 50%, hsla(0, 0%, 100%, 0) 80%));background-repeat:no-repeat;animation:backpos 2s ease-in-out 0s infinite}@keyframes backpos{0%{background-position-x:-500px}to{background-position-x:calc(500px + 100%)}}