很简单,我通过 f12 发现指示条的类名是 --n-bar-color,那么我就直接改成透明色覆盖掉就可以了,源代码如下:
<n-tabs type="line" animated>
<n-tab-pane name="oasis" tab="Oasis">
Wonderwall
</n-tab-pane>
<n-tab-pane name="the beatles" tab="the Beatles">
Hey Jude
</n-tab-pane>
<n-tab-pane name="jay chou" tab="周杰伦">
七里香
</n-tab-pane>
</n-tabs>
增加一个行内样式,改成:
<n-tabs type="line" animated style="--n-bar-color: rgba(0, 0, 0, 0) !important;">
<n-tab-pane name="oasis" tab="Oasis">
Wonderwall
</n-tab-pane>
<n-tab-pane name="the beatles" tab="the Beatles">
Hey Jude
</n-tab-pane>
<n-tab-pane name="jay chou" tab="周杰伦">
七里香
</n-tab-pane>
</n-tabs>