微信小程序转快应用

# 不支持自定义组件的多根节点

自定义组件 comp 的 qxml 文件：

<view>banana</view>
<view>apple</view>
<view>pear</view>
1
2
3

页面的 qxml 文件：

<view class="first">
  <comp/>
</view>
1
2
3

dom 结构：

drawing

自定义组件 comp 多包了一层 q-view 。建议不要使用多个根节点的自定义组件。

# q-page 标签的高度是由其内部元素的高度撑起来的

页面的 qxml 文件：

<view class="first"></view>
<view class="second"></view>
1
2

页面的 css 文件：

.first {
  height: 100px;
  background-color: darkgreen;
}

.second {
  height: 200px;
  background-color: darkorange;
}
1
2
3
4
5
6
7
8
9

此时 q-page 的高度是两个 view 的高度之和，即 300px 。建议给 q-page 内的元素设置合适的高度。

# button 组件

button 组件的默认宽度是 100% 。

# input 组件

input 组件的默认宽度是 100% 。

# p 标签

p 标签是块级元素 。

# 登录和支付

登录和支付与微信存在差异，具体支付流程请参考：快应用接入微信支付

# 一些建议

  • 不要混合使用 ES6 import 和 commonjs exports；

  • 目前不支持同层渲染，因此在写页面时，不要让原生组件和前端组件在位置上重叠，否则原生组件会盖在重叠区域之上；

# 调试问题

扫码调试时，真机白屏，或扫不出来，或拉起的 IDE 的 devtools 预览界面白屏

# 1.确认真机引擎版本不低于 1080
# 2.确认真机调试器运行平台选择为： 快应用(com.vivo.hybrid)
# 3.确认真机与电脑处于同一局域网
1
2
3

在线客服