制作漂亮的动画加载骨架,自动适应您的应用程序。-源码

上传者: 42142062 | 上传时间: 2021-06-09 13:04:11 | 文件大小: 98KB | 文件类型: ZIP
react-loading-skeleton 制作精美的动画加载骨架,可自动适应您的应用程序。 基本用法 通过 npm/yarn 使用 react-loading-skeleton 安装。 从“React加载骨架”导入骨架; // 简单的单行加载骨架 // 五行加载骨架原则 适应你定义的样式 组件被设计成直接在你的组件中使用,在它仍然加载时代替内容。 与其他库不同,与其精心制作骨架屏幕以匹配您的内容所采用的字体大小、行高或边距,不如使用组件使其自动填充正确的尺寸。 例如: class Blogpost extends Component { render() { return ( {this.props.title || } {this.props.body || } ); ...将为标题和正文部分生成正确大小的骨架,而无需对组件进行任何进一步配置。 这可确保加载状态随着您的布局或排版的任何更改而保持最新。 不要制作专用的骨架屏幕,而是制作具有内置骨架状态的组件。 除了保持样式同步之外,还有一些其他原因可以做到这一点: 组件表示它可以加载的所有可能状态 - 包括加载。 它允许更灵活的加

文件下载

资源详情

[{"title":"( 19 个子文件 98KB ) 制作漂亮的动画加载骨架,自动适应您的应用程序。-源码","children":[{"title":"react-loading-skeleton-master","children":[{"title":".babelrc <span style='color:#111;'> 186B </span>","children":null,"spread":false},{"title":"stories","children":[{"title":"Skeleton.story.js <span style='color:#111;'> 3.04KB </span>","children":null,"spread":false},{"title":"SideBySide.js <span style='color:#111;'> 571B </span>","children":null,"spread":false},{"title":"Post.js <span style='color:#111;'> 805B </span>","children":null,"spread":false},{"title":"Post.story.js <span style='color:#111;'> 1.19KB </span>","children":null,"spread":false}],"spread":true},{"title":".storybook","children":[{"title":"config.js <span style='color:#111;'> 210B </span>","children":null,"spread":false},{"title":".babelrc <span style='color:#111;'> 186B </span>","children":null,"spread":false},{"title":"base.css <span style='color:#111;'> 36B </span>","children":null,"spread":false}],"spread":true},{"title":"package.json <span style='color:#111;'> 1.59KB </span>","children":null,"spread":false},{"title":"src","children":[{"title":"index.js <span style='color:#111;'> 99B </span>","children":null,"spread":false},{"title":"index.test.js <span style='color:#111;'> 1.29KB </span>","children":null,"spread":false},{"title":"index.d.ts <span style='color:#111;'> 489B </span>","children":null,"spread":false},{"title":"skeleton-theme.js <span style='color:#111;'> 690B </span>","children":null,"spread":false},{"title":"skeleton.js <span style='color:#111;'> 1.93KB </span>","children":null,"spread":false}],"spread":true},{"title":"testSetup","children":[{"title":"testSetup.js <span style='color:#111;'> 190B </span>","children":null,"spread":false}],"spread":true},{"title":"LICENSE.md <span style='color:#111;'> 1.02KB </span>","children":null,"spread":false},{"title":".gitignore <span style='color:#111;'> 25B </span>","children":null,"spread":false},{"title":"README.md <span style='color:#111;'> 3.85KB </span>","children":null,"spread":false},{"title":"yarn.lock <span style='color:#111;'> 325.84KB </span>","children":null,"spread":false}],"spread":true}],"spread":true}]

评论信息

免责申明

【只为小站】的资源来自网友分享,仅供学习研究,请务必在下载后24小时内给予删除,不得用于其他任何用途,否则后果自负。基于互联网的特殊性,【只为小站】 无法对用户传输的作品、信息、内容的权属或合法性、合规性、真实性、科学性、完整权、有效性等进行实质审查;无论 【只为小站】 经营者是否已进行审查,用户均应自行承担因其传输的作品、信息、内容而可能或已经产生的侵权或权属纠纷等法律责任。
本站所有资源不代表本站的观点或立场,基于网友分享,根据中国法律《信息网络传播权保护条例》第二十二条之规定,若资源存在侵权或相关问题请联系本站客服人员,zhiweidada#qq.com,请把#换成@,本站将给予最大的支持与配合,做到及时反馈和处理。关于更多版权及免责申明参见 版权及免责申明