uniapp为什么不支持相对定位

zhouyujian commented 6 years ago

比如我要在图标右上角放个红色提醒标签，这时候给相对定位position：absolute;就可以很方便的放到容器右上角。 uniapp为什么不支持这个属性呢？或者有什么替代写法吗？很常用的属性啊，应该开放出来的

xiaoyucoding commented 6 years ago

为了多平台的统一，目前的规范下，推荐使用 flex 布局。使用 flex 实现类似布局，示例如下：

<template>
  <div class="doc-page">
    <text class="item-title">{{title}}</text>
  </div>
</template>
<style>
  .doc-page {
    flex: 1;
    flex-direction: row;
    background-color: #FBF9FE;
    justify-content: flex-end;
  }

  .item-title {
    padding: 20px;
    font-size: 28px;
    text-align: center;
    height: 40px;
  }
</style>
<script>
  export default {
    data: {
      title: 'Hello Union App'
    }
  }
</script>

如果对 flex 布局不了解的话，请先学习下相关知识。

zhouyujian commented 6 years ago

有其他类似的替代写法吗

dcloudio / nml

uniapp为什么不支持相对定位 #13