微信小程序兼容app端注意事项

2023-03-07 08:59:43 阅读:1 编辑

项目

  1. 首先需遵守公众号开发规范
  2. 目录不能为下划线_
  3. 必须确保引用的组件,图片存在
  4. .siteinfo.js需包含app_set
  5. APP代码svn开发者无需做更新提交commit

CSS样式

  1. 不支持Display属性,隐藏显示请使用w-if来代替
  2. 不支持z-index属性,越靠后写的展示在最上层
  3. 不支持伪类
  4. margin不支持负数
  5. 行内样式尽可能保持简单的语法,编译器不能保证都能编译
  6. 行内样式margin,padding,border不能使用简写方式
  7. 不支持background--背景图
  8. 不支持auto关键字
  9. 不支持float浮动布局,只支持flex布局
  10. 不支持%的单位,需改写成常量数

JS

  1. 可通过app_type来判断处于哪个端,公众号:wechat;App:app;小程序:为空
  2. Page以外的变量不能直接引用wx方法
  3. API不支持:海报;微信收货地址;授权手机号

WXML

  1. 由于display不支持,1.有用到控制类名达到显示隐藏效果的要加此属性 w-if="显示的条件"
  2. w-extract:提取结构到外层
  3. w-scroll-y:如果竖向滚动里面还有竖向滚动的里层需加此属性
  4. w-if-class:AB样式时使用
开发规范将不断完善中。。。