时间戳

首页 > 解决方案 > Vuetify v-timeline 中心线的多种颜色

css - Vuetify v-timeline 中心线的多种颜色

问题描述

我需要更改 Vuetify 框架的v-timeline组件中中心线的颜色，使其成为特定颜色，直到某个彩色点，然后是另一种颜色，如此处所示，是否可以这样做？

整行的颜色可以更改如下

.theme--light.v-timeline:before {
    background: red;
}

标签： cssvue.jsvuetify.jstimeline

解决方案

我认为只有一种方法是设置线性渐变。因为 v-timeline 的分隔线设置了所有的空间。尝试设置

background: linear-gradient(180deg, black 0% 50%, gray 50% 100%) !important

推荐阅读