feat: pretty demo

[BuptStEve]

你的功能请求是否与某些问题相关？请描述

1. 目前的 demo 还削微有些简陋，需要美化一下。
2. 大家在反馈 bug 或者提 pr 的时候一般都需要带上 demo，目前还不是很方便。

描述您想要的解决方案

1. 美化 demo 方面

• 将 README.md 转换成 html 嵌入
• 引用一些 css 库进一步美化

2. 复现模板

• 各个平台都放一个，方便大家 fork
• 各个平台的 demo 代码和项目本身的 demo 代码保持同步
  • codesandbox: https://github.com/BuptStEve/tua-bsl-demo

描述你考虑过的备选方案

• 使用 vuepress？
• 使用这个插件？ https://github.com/BuptStEve/vuepress-plugin-demo-code

附加上下文

• bsl demo: https://codepen.io/buptsteve/pen/EJoKQK
• tua-bsl demo: https://tuateam.github.io/tua-body-scroll-lock/
• #14 : https://codesandbox.io/s/mor5o68jp?fontsize=14
• tua-bsl v0.2.0-0 demo: https://codepen.io/buptsteve/pen/joqGPV

[BuptStEve]

github repository

• codesandbox: https://codesandbox.io/docs/importing#import-from-github
• jsfiddle: https://docs.jsfiddle.net/github-integration/untitled-1

gist

• jsfiddle: https://docs.jsfiddle.net/github-integration/untitled
• jsbin: https://jsbin.com/help/import-gists/#importing-gists

调 api 生成