微信小程序兼容app端注意事项
2023-03-07 08:59:43
阅读:1
编辑
项目
- 首先需遵守公众号开发规范
- 目录不能为下划线_
- 必须确保引用的组件,图片存在
- .siteinfo.js需包含app_set
- APP代码svn开发者无需做更新提交commit
CSS样式
- 不支持Display属性,隐藏显示请使用w-if来代替
- 不支持z-index属性,越靠后写的展示在最上层
- 不支持伪类
- margin不支持负数
- 行内样式尽可能保持简单的语法,编译器不能保证都能编译
- 行内样式margin,padding,border不能使用简写方式
- 不支持background--背景图
- 不支持auto关键字
- 不支持float浮动布局,只支持flex布局
- 不支持%的单位,需改写成常量数
JS
- 可通过app_type来判断处于哪个端,公众号:wechat;App:app;小程序:为空
- Page以外的变量不能直接引用wx方法
- API不支持:海报;微信收货地址;授权手机号
WXML
- 由于display不支持,1.有用到控制类名达到显示隐藏效果的要加此属性 w-if="显示的条件"
- w-extract:提取结构到外层
- w-scroll-y:如果竖向滚动里面还有竖向滚动的里层需加此属性
- w-if-class:AB样式时使用
开发规范将不断完善中。。。