跳到主要内容

快应用注意地方

语法和vue比较相似,但是有些区别,比如循环vue是 v-for,而快应用去省略了v-

  • 循环使用for、条件指令 if、else

  • 事件绑定可以使用 onclick、@click都可以

  • 引入自定义组件,通过<import>标签,通过name指定 组件名称

  • 数据状态使用:private、protected、public

  • 文字要用<text></text>包裹,在div层写文字默认不渲染

  • List组件,外层需要使用div包裹,否则显示可能有问题

  • 页面接受跳转参数,通过public声明需要接受的属性

调试问题​

注意快应用ide调试器会有问题,比如一些样式问题如高度等等,在模拟器有时候是不准的,需要在真机上看

样式问题​

  • 自定义组件通过externalClasses, 可将外部样式传递给自定义组件
  • 不支持background, 需要使用background-color
  • 不支持nth-child选择器
  • 伪类选择器:快应用不支持before、after等伪类选择器

图片占位问题​

  • 灵活使用stack组件设置子组件的层叠排列,按照这个顺序依次堆叠, 给图片加上占位图,当image图片加载失败的时候,需要使用自定义的占位图
  • 注意需要image需要加alt="blank", 否则如果alt为空的话,终端会加上默认的灰色占位图。
html
<stack>
<no-cover id="cover" class="image__cover" show-type="{{3}}" radius="{{16}}"></no-cover>
<image src="#" class="image__cover" alt="blank" @click="skipVideo($item)"></image>
</stack>

环境变量配置​

数据状态使用​

数据状态使用:private、protected、public

  • 若接收应用外部的数据覆盖,则设置为 public
  • 若接收页面之间的数据覆盖,则设置为 protected
  • 否则需设置为 private

监听数据​

$watch(xxx.xxx.xxx, methodName)

生命周期​

过审配置​