blinkfox / typora-vue-theme

This is a typora theme inspired by Vue document style. 一个类似于 Vue 文档风格的 Typora Markdown 编辑器主题。
https://theme.typora.io/theme/Vue/
Apache License 2.0
936 stars 180 forks source link

使用有序列表不显示数字 #3

Closed GameHoo closed 6 years ago

GameHoo commented 6 years ago

源代码

image

显示效果

image

切换使用其他主题的效果(Github)

image

blinkfox commented 6 years ago

@GameHoo 你好,我在 Windows 和 Mac 下都用Typora打开了和你相同的文字的效果,都没有出现你这种现象呢,我看你这个应该是1这个数字没显示出来吧。

我打开的效果如下:

效果

GameHoo commented 6 years ago

https://pan.baidu.com/s/1OyfCfO798OPQ6q61LJhSww 我把我的源文件上传了 有时间可以看看 image

blinkfox commented 6 years ago

@GameHoo 我把你的笔记在 Windows、Linux 和 Mac 下都用 Typora 打开了依然没有你的问题呢,甚至我让同事在他们的环境都没复现你这样的问题。

我猜你应该是前端人员吧,Typora 里面本质上也是一个V8引擎,你可以用调试模式(windows下是F12,类似Chrome的调试)看看,有没有控制有序列表的显示样式,样式为:list-style-type,如果它的值是decimal的话,就会显示成1, 2, 3之类的,没显示应该跟你的环境有些关系,你可以在vue.css里面加上如下的样式,试试看:

ol {
    list-style-type: decimal;
}

调试效果如下:

调试效果

另外,我看你这些有序列表的使用更倾向于1, 2, 3等标题的含义了,而有序列表和无序列表的使用更多的是用于连续的不跨大段落的情况,所以,我建议你应该直接把它们做出4标题其实更合理点儿。效果如下:

标题效果

zhuimin commented 6 years ago

您好,我也出现了这个问题,在Vue主题下有序编号会变成点,但是切换到其他主题就能显示数字了。

blinkfox commented 6 years ago

@zhuimin 有具体的Markdown内容吗?我看看

GameHoo commented 6 years ago

@blinkfox
我发现是因为字体缩放的原因,我的4K显示屏、文本150%缩放会导致这个问题。

blinkfox commented 6 years ago

@GameHoo 你这个太高端了,我都没验证测试环境

yinyeya commented 5 years ago

我也遇到了同样的问题。在4k显示屏文本缩放250%条件下测试的,系统windows10最新版。我尝试添加了list-type-style: decimal;, 部分有些序列表数字可以正常显示了,但有些还是不能。尤其是在不同级别的标题和有序列表混搭时,有序列表数字会消失。我尝试了自己的md文件和typora-theme-toolkit里的md文件,情况类似。 另外,我利用typora-theme-toolkit里的html文件测试时,在chrome浏览器里显示是正常的,但是在typora里即时显示时会有问题。

blinkfox commented 5 years ago

@yinyeya 我没有4K显示屏的环境呢,没法重现,你看你能否改改样式解决这个问题呢

yinyeya commented 5 years ago

@blinkfox 我不是很懂CSS和前端啊。请问你能估计大概是代码的那部分出问题了么?这样我可以试着改。