# 小程序规范

# 设计规范

# 字体

微信内字体的使用与所运行的系统字体保持一致,常用字号为20, 18, 17, 16,14 13, 11(pt),避免动态内容用在线字体;

# 设计稿尺寸

根据现有英雄联盟用户分辨率占比报告,小程序设计稿建议以下图的标准尺寸去做,一般常规不是全屏背景的需求,按照常规设计稿尺寸750*1334的来做, 假如碰到涉及全屏背景的需求时候,iPhone X要做一下背景的兼容处理,这里会建议单独多出一个以iPhone X尺寸标准的设计稿。 avatar

####小程序分享图尺寸 小程序分享图,这个也需要设计师去提前准备一张,在用户分享时调用,如下图所示,图片长宽比是 5:4,建议尺寸:420px * 336px。 avatar

####小程序LOGO尺寸 小程序LOGO图,这个也需要设计师去提前准备一张,这个在小程序完善资料的时候需要用到,这张图也是小程序码图,尺寸144px * 144px。 avatar

# 数据统计

# 统计代码

1.根目录下创建utils文件夹,放置ptt_for_miniapp文件

//全局的小程序业务属性配置
const setSite = {
  dm: 'lol.qq.com',                 //*小程序所属的业务域名
  siteType: 'a20211030pcwx',        //*跟运营专题一样,填写一个与该业务内不重复的专题目录名称
  project:"other",                  //选填,官网体系内容模块名称,取值范围在:projectList里
  osact:"0",                        //选填,官网类型专题,0,pc,m,ingame
  debug: true,                      //是否开启debug模式,开启后可以在控制台看到上报成功提示
}

2.app.js文件下引入ptt_for_miniapp文件

//app.js
require('./utils/ptt_for_miniapp.js')

# 按钮点击统计

小程序下按钮统计需要绑定点击事件调用的方法里面

<!-- 
ptt规则为:'btn','xxx','xxx'
-->
wx.PTTSendClick('btn', 'startExplore', '即刻开始探索');

# 注意事项

1.项目中不允许有非腾讯服务器下的链接和资源; 2.项目中不允许有非腾讯的收费服务; 3.开源sdk必须下载下来使用或者使用该sdk在腾讯服务器下的地址; 4.自定义tabbar使用的图片可以用相对路径,其他任何图片资源都用绝对路径;