快应用初入坑(分页上拉加载，锚点定位)

刚接触快应用，只能说，就是个大坑，好气人，不想说话了，全程都在调样式，还不知道样式为何超出预想（今日 2019-9-10）

css样式，样式无法继承

1.不支持绝对定位，相对定位

• 快应用中只支持fixed固定定位，不支持绝对定位
• display也只支持flex和none两种布局
• 想要达到绝对定位的效果，可以用stack层叠组件来实现，但是，有意料之外的样式布局

关于overflow

• 不支持overflow属性，但是支持text-overflow
• 文本超出省略可以使用下面的代码

/* lines 用于控制行数，超过多少行则显示省略号 */
lines: 1;
text-overflow: ellipsis;

• background支持rgba，背景色使用16进制，必须使用全称，如#ffffff不能简写成#fff

background-color: #ffffff;
opacity: 0.8;

animation和transform

• 这两个属性都不能动态的使用，只能在css中写死，比如，animation中的动画持续时间，在style中使用变量是无法实现的，tranform也是一样

4.css不支持nth-child选择器，导致我的页面的最后的元素都没有预期的效果，最后的子元素无法去掉margin，无法去掉border，气人啊...

2.组件，标签

text组件

• 所有的文本节点必须使用text、span来包裹，使用div无法显示
• 在text中使用text-align：center无法居中
• 文本的样式必须设置在对应的text标签上才能生效

使用list

• 使用list组件实现列表渲染，同时，这个组件能达到上拉加载的效果，但是，使用list会导致在真机上布局出现高度只有一个list-item的高度

<list class="vrContainer" scrollpage="true" @scrollbottom="handleLoadMore">
  <block for="{
  {item in imageList}}">
    <list-item type="div"  @click="skipShop(item.uniacid)">
      <stack class="listItem">
        <image class="itemImg" src="{
  {item.vr_img}}"></image>
        <div class="VRIntroduce">
          <text class="mainVRTitle">{
  { item.vr_title }}</text>
          <text class="subVRTitle">{
  { item.shopname }}</text>