【文件属性】:
文件名称:taro-skeleton:基于Taro的一个骨架屏组件,简单易用
文件大小:201KB
文件格式:ZIP
更新时间:2021-05-06 17:16:42
TypeScript
Skeleton 骨架屏
基于 Taro 的一个简单易用的骨架屏组件
2.0版本以上支持 Taro3.0
支持多端平台使用
微信小程序
h5
百度小程序
头条小程序
支付宝小程序
其它平台未测试
快速上手
引入组件
import Skeleton from 'taro-skeleton'
引入组件样式的方式
全局引入(JS中)
import 'taro-skeleton/dist/index.css' // 引入组件样式
配置需要额外编译的源码模块
由于引用 node_modules 的模块,默认不会编译,所以需要额外给 H5 配置 esnextModules,在 taro 项目的 config/index.js 中新增如下配置项:
h5: {
esnextModules: ['taro-skeleton']
}
代码演示
基础用法
通过title属性显示标题占位图,通过row属性配置
【文件预览】:
taro-skeleton-master
----project.config.json(906B)
----tsconfig.build.json(520B)
----.eslintrc(372B)
----yarn.lock(543KB)
----src()
--------index.html(1011B)
--------pages()
--------index.tsx(69B)
--------components()
--------app.tsx(1KB)
--------app.scss(0B)
----.npmignore(147B)
----types()
--------index.d.ts(3KB)
----tsconfig.json(720B)
----config()
--------prod.js(424B)
--------rollup.config.js(2KB)
--------dev.js(113B)
--------index.js(2KB)
----tsconfig.rollup.json(214B)
----README.md(4KB)
----.editorconfig(197B)
----global.d.ts(408B)
----.gitignore(110B)
----CHANGELOG.md(4KB)
----package.json(4KB)