时间戳

首页 > 解决方案 > q-stepper header-nav 仅在出现一个 q-step 时将自身向右对齐

vue.js - q-stepper header-nav 仅在出现一个 q-step 时将自身向右对齐

问题描述

当仅出现一个 q-step 时，q-stepper header-nav 会向右对齐。但是当有两个或更多步骤时，一切看起来都很正常。当我在 chrome 开发工具中禁用以下 CSS 时，它会向左对齐。

.q-stepper__header--standard-labels .q-stepper__tab:last-child {
justify-content: flex-end;
}

并且以下css由于某种原因自行禁用

q-stepper__header--standard-labels .q-stepper__tab:first-child {
justify-content: flex-start;
}

当只有一个 q-step 出现时，看起来 q-stepper 将其识别为最后一个孩子。

代码笔： https ://codepen.io/samnnywong/pen/jOBEmQb

我不确定这是否是预期的行为，但如果是，是否有适当的方法使其与左对齐？

标签： vue.jsquasar-frameworkquasar

解决方案

推荐阅读