Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

timeline不显示左边线 #5252

Closed
xdewx opened this issue Sep 19, 2023 · 6 comments
Closed

timeline不显示左边线 #5252

xdewx opened this issue Sep 19, 2023 · 6 comments
Labels
untriaged need to sort

Comments

@xdewx
Copy link

xdewx commented Sep 19, 2023

TuSimple/naive-ui version (版本)

2.34.4

Vue version (Vue 版本)

3.3.4

Browser and its version (浏览器及其版本)

edge

System and its version (系统及其版本)

windows 11

Node version (Node 版本)

16

Reappearance link (重现链接)

https://naive-ui.github.io/issue-helper/?lang=en-US

Reappearance steps (重现步骤)

原因是样式的问题:·
.n-timeline .n-timeline-item:last-child .n-timeline-item-timeline .n-timeline-item-timeline__line能够匹配到所有的timeline,改成.n-timeline:last-child .n-timeline-item .n-timeline-item-timeline .n-timeline-item-timeline__line即可

Expected results (期望的结果)

正常显示

Actual results (实际的结果)

没显示

Remarks (补充说明)

@github-actions github-actions bot added the untriaged need to sort label Sep 19, 2023
@jizai1125
Copy link
Contributor

没懂你的问题,给个复现

@xdewx
Copy link
Author

xdewx commented Sep 20, 2023

没懂你的问题,给个复现

我意思是说,timeline这个组件的边线无法显示。
原因是timeline有个内置的样式的选择器有问题(此样式的本意是最后一个item不显示线,但给出的选择器会选中所有item)

@jizai1125
Copy link
Contributor

jizai1125 commented Sep 20, 2023

现在的效果不是没问题么
image

@xdewx
Copy link
Author

xdewx commented Sep 20, 2023

现在的效果不是没问题么
image

在我本地的确有问题,通过排查样式发现的确如我上述所说。

从选择器本身来看的确有些问题,不过也可能是受诸如tailwind、edge浏览器的影响。

不过,你可以分析下这个选择器,真的没问题吗?

@jizai1125
Copy link
Contributor

jizai1125 commented Sep 21, 2023

.n-timeline .n-timeline-item:last-child
选择器没问题啊,就是选择时间线下的最后一个 item

@xdewx
Copy link
Author

xdewx commented Sep 21, 2023

.n-timeline .n-timeline-item:last-child 选择器没问题啊,就是选择时间线下的最后一个 item

抱歉,是我的问题,我使用了多个n-timeline

@xdewx xdewx closed this as completed Sep 21, 2023
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
untriaged need to sort
Projects
None yet
Development

No branches or pull requests

2 participants