QSpace-留白

QSpace（没有属性）的目的是简单地填充 flexbox DOM 元素内的所有可用空间。

作为补充说明，所有 Quasar 组件都使用 flexbox。因此，这意味着，例如（有很多示例，仅提及一个），您可以在 QToolbar 中使用 QSpace。

用法

这只是两个示例，您可以了解如何使用它。

<template>
  <div class="q-pa-md">
    <q-toolbar class="bg-primary text-white">
      <q-btn flat round dense icon="menu" />

      <q-space />

      <q-btn flat round dense icon="apps" class="q-mr-xs" />
      <q-btn flat round dense icon="more_vert" />
    </q-toolbar>

    <div class="row no-wrap items-center q-mt-md q-pa-sm bg-grey-3 rounded-borders">
      <q-avatar>
        <img src="https://cdn.quasar.dev/logo-v2/svg/logo.svg">
      </q-avatar>

      <q-space />

      <div>
        Quasar <q-badge>v{{ $q.version }}</q-badge>
      </div>
    </div>
  </div>
</template>
Quasar
v2.15.1
查看更多？
Vue 组件
Slide Transition 滑动过渡
Vue 组件
Spinners 加载项
发现了一处错误？帮助改进提交问题
Privacy Policy | Quasar Artwork
版权声明 本中文文档内容版权为站长个人所有，保留所有权利。
免责声明 本站点所包含的任何跳转链接均为第三方广告内容，站点对这些广告内容的准确性、合法性、真实性不承担任何责任。用户点击跳转链接进入第三方网站后，应自行判断广告内容的真实性和合法性，并自行承担因使用广告内容而产生的风险和责任。任何因使用第三方广告内容而导致的损失或损害，本站点概不负责。