@smt-ui/swan-demo

小程序官方示例Demo,用于展示当前已支持的接口能力及组件。

Usage no npm install needed!

<script type="module">
  import smtUiSwanDemo from 'https://cdn.skypack.dev/@smt-ui/swan-demo';
</script>

README

swan-demo

小程序官方示例Demo,请移步official-demo; 文档中扫码体验的Demo,请移步doc-demo。

Usage

目录结构

. ├── scripts ├── src │ ├── official-demo // 智能小程序官方示例demo,具体目录结构详见official-demo下的README │ └── doc-demo // 小程序文档中扫码体验的demo,具体目录详见doc-demo下的README ├── .gitignore // 忽略提交的文件集合 ├── ci.yml // 编译配置文件 ├── package-lock.json // 锁定安装时的包的版本号的文件 └── package.json // 此文件包括整个小程序依赖的包

使用

  • 修改智能小程序官方示例
  • cd swan-demo/src/official-demo
  • npm i
  • 在工具中打开swan-demo/src/official-demo
  • 修改智能小程序文档示例
  • 在工具中打开swan-demo/src/doc-demo

开发前必看

  • 将官方示例demo 和文档扫码体验demo 做了拆分,分别放在official-demo 和doc-demo 两个文件夹下,两个文件夹分开发包,official-demo 发布到智能小程序官方示例, doc-demo 发布到智能小程序文档示例。
  • 因代码库较老,CSS之前使用Rem尺寸单位,后续开发人员需使用rpx做为尺寸单位。
  • 开发人员创建新页面时,命名需使用kebab-case (短横线隔开式)规范,不要使用驼峰命名。
  • 因示例平台代码及页面逐步合规,希望开发人员在开发前详细了解app.css文件,进行页面的拼接,可节省开发时长。
  • 代码规范说明:https://github.com/ecomfe/fecs。
  • 图片及mp3、mp4等媒体资源请上传到cdn,以缩小示例包体积。