小程序框架说明

Mr.Hope ... 小程序 大约 2 分钟

# 开发框架优点

  1. 将界面开发的复杂过程转换为编写简单的 yaml 文件。开发门槛低,

  2. 拥有详细的开发文档说明,简单易懂,页面文件自述性高,没有开发基础的人也可以经过简单阅读后看懂页面文件大体描述内容。查看例子点这里

  3. 开发者无需着眼于界面样式或是功能的实现,只需着眼于在 yaml 文件中添加渲染界面所需参数,即可完成界面编写。开发者只需在开发过程中按照开发说明录入参数,并注意格式即可。

# 开发工具

开发工具使用 vscode,具体详见vscode 说明vscode 简单说明

# 开发说明

  1. 新建一个或多个 yaml 文件,命名为 xxx.yaml。文件命名只能包含英文与数字和 -,文件名中不得包含其他特殊符号、空格或者中文字符。由多个单词组成的文件名建议使用 - 链接。如 厚普公益学校 可以表示为 hope-good-school

  2. 整理界面所需的图片和图标,图片和图标请使用压缩网站压缩至 800Kb 以下(带有文字或需要查看及其详细细节的图片可以提升至不多于 1.2Mb),并按照 页面文件名称-图片 的形式命名,如 hope-good-school-logo.jpg

  3. 在 yaml 中通过 title 写入页面的标题,并通过 content 写入文件内容。 content 为一个 yaml 数组,数组的每个元素均为一个 yaml 对象,其内必须包含一个有效的 tag 值。(您在说什么?)

    每一个 yaml 对象最终作为配置被渲染成为了页面中的一个组件。

    按照 tag 值参数表 对 yaml 对象的剩余参数进行填写。

  4. 将 yaml 文件与其他图片资源打包成压缩包,发送至 QQ:1178522294

    不涉及到复杂界面编写的请直接看开发注意事项

# 开发注意事项

下面是开发中需要注意的一些问题

  • img组件图片链接填写

    请在 src 中填入 https://v3.mp.innenu.com/img/分类名/图片文件名.后缀名

  • doc组件文档路径填写

    请在 url 中填入 https://v3.mp.innenu.com/file/文件名.文件类型

  • audio音频路径填写

    请将音频上传至微信公众号并编辑图文发送,在 src 中填写图文链接。(请一直保留微信推送与素材库里的文件)

  • swiper组件图片链接填写

    请在 url 的每个 element 依次填入 https://v3.mp.innenu.com/img/分类名/图片文件名.后缀名