q-separator 左闭右开

【问题标题】：q-separator with left closing and right openingq-separator 左闭右开
【发布时间】：2021-12-26 10:54:39
【问题描述】：

从这里的例子： https://quasar.dev/vue-components/separator#usage 你可以看到使用<q-separator inset="item" />我们可以得到左开右闭的分隔符（这是附图中的原始分隔符）是否可以做相反的事情（左关闭和右打开），如下面红线所示？

【问题讨论】：

标签： quasar-framework quasar

【解决方案1】：

据我所知，左侧没有设计/选项。

查看代码，它只使用了margin-left 和margin-right：

因此，如果您想要从左侧开始，您可以将值交换为：

.q-separator--horizontal-item-inset {
  margin-left: 0;
  margin-right: 72px;
}

See codepen example

【讨论】：