quickapp_快应用_快应用组件

快应用不支持原生HTML(若是使用原生html直接不显示！)，开发快应用只能使用快应用组件和基于快应用组件封装的组件；

在开发快应用时只能使用快应用组件～比如div、text…

tips: 在使用快应用组件时需要关注组件支持的样式、事件以及是否能存放文本！

举例说明

• 接受子组件
  

• 接受的样式
  

• 是否支持存放文本
  

• 检查

  当渲染结果和自己想象的不同时可以直接查看官网文档说明。

  也可在控制台输出里面查看提示
  

常用的快应用组件

常用总结

• [1] 文本必须包裹在span/a/text组件中，否则不显示
• [2] span必须作为text/a/span组件的子组件，否则不显示；

web组件

web组件

list组件

tips: list-item组件的type属性必填且type相同的list-item组件的DOM结构需要完全一致，不然会出现问题(如list不滚动)

error-快应用预览版打不开

当前项目没有任何问题，点击在线更新可以打开快应用预览版进行查看。

此时我新建一个页面，在manifest.json中将该页面作为首页，在通过预览版查看时发现一只报错快应用预览版本屡次停止运行，如下

原因竟然是因为我在使用list组件时子组件没有使用list-item组件

<template>
  <list class='middle'>
    <div class='banner' type='banner'>
      <text>11111</text>
    </div>
  </list>
</template>

把div组件换成list-item之后就可以正常预览了！！！！

好坑～ 错误没有提示

refresh组件

很多时候需要下拉刷新页面，在快应用中进行下拉刷新的组件是refresh组件。

语法