swan-example v1.12.4

official-demo

小程序官方示例Demo

Usage

目录结构

├── official-demo │ ├── anims // 配置文件 │ │ ├── lottie_example.json // animation-view组件的配置文件 │ │ ├── animation-video.mp4 // animation-video组件用到的资源 │ │ └—— transfer.json // 动画api用到的文件 │ ├── common
│ │ └── index.js // 工具函数 │ ├── components // 自定义组件 │ │ └—— custom // 自定义顶部导航栏 │ ├── emojidata // 全屏发布器的表情文件库 | ├── subPackages // 分包目录 │ │ ├──extensionsPackage // tab名为扩展组件下的页面 │ │ │ ├── pages // 扩展组件页面 │ │ │ └── resources // 扩展组件用到的图片资源 │ │ ├──apiPackage // tab名为api下的页面 │ │ └——componentPackage // tab名为component下的页面 │ ├── images // pages需要用到的本地图片资源 │ ├── pages // 文档二维码链接到的页面（示例小程序tab文件） │ │ ├── api // tabBar的api页面 │ │ ├── extensions // tabBar的扩展组件页面 │ │ ├── component // tabBar的组件页面 │ │ ├── search // 通用搜索页面 │ ├── app.css // 全局app.css（示例平台的展示样式模版） │ ├── app.js // 全局app.js │ ├── app.json // 全局app.json │ ├── package-lock.json // 锁定安装时的包的版本号的文件 │ ├── package.json // 此文件包括扩展组件依赖的包 │ └── project.swan.json // 字段对应开发者工具项目信息面板 ├──

使用

• cd swan-demo/src/official-demo
• npm i
• 在工具中打开swan-demo/src/official-demo

开发前必看

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