重新设计的现代风格 CSS 现已正式发布(2023.10.20更新)

我得说我越来越不喜欢欧路词典了……
这是浏览器的效果

这是欧路词典的效果

除了 UI,还有许多 bug 只会出现在欧路词典,比如无视 CSS user-select: none; 的效果。

2 个赞

这么多年来,欧路对js的支持都相当差。

感觉这里是不是可以参考下 cmm 做的牛 9 精装版,他那个装欧路直接把发音那一块去掉了

1.8.0 的牛津 10 有一个已知问题。但这是欧路词典的锅,浏览器测试正常。

  • 点击词性选择器会弹出 n.,all 等单词的释义的 Popover 弹窗。
  • 点击 Verb Forms、Oxford Collocations Dictionary、Extra Examples 等可以折叠的组件,也会触发上述问题,所以我把是否折叠的触发区域限制到了最左边的:heavy_plus_sign::heavy_minus_sign: 符号。

临时的解决方案是不要短按,长按一秒再松手。

我的方法是歪着点,不点文字只点框框就行了

我的手机里iCloud还挂着你分享的文件夹呢,看了下是昨天修改的嘛哈哈哈好

我现在也iOS安卓双持了,所以偶尔我会想起来mdx的外皮实现在两个平台不一样,要双平台通用要做两个适配

顺便吐槽欧路不稳定:而且欧路最近是程序员下岗换人还是怎么的,欧路词典的程序员(前没几天的时候)把安卓、iOS欧路的oald的折叠给搞崩了,后来隔了好几天才修复。

这个好像单词发音没有了,博主有这个问题吗

牛10的collocations排版有问题,都超出屏幕了,可以查school试试。

OALD 2023.03双解查school,Grammar Point和British/American栏目排版错乱:

update:

  1. 与ODE glance有冲突,会导致两个词典的发音按钮消失,而且点击ODE glance词头,词源也展不开。
  2. OALD 2023.03双解的可点击区域变得很小,原版中的extra examples,点击该栏目的整个横条都可以展开,这个排版下,鼠标需要精确放置到加号处才能展开。
  1. 已修复 school 词条中部分,可折叠区域排版错乱的问题。
  2. 考虑到移动端欧路点击单词(比如 Oxford Collocations Dictionary 中的 Oxford)就会出现此单词的弹窗的特性,所以才缩小了可点击区域。在 1.8.1 恢复了之前的可点击区域,但关于这个特性导致的非期望的弹窗问题,或许可以去找欧路官方解决。
1 个赞

谢谢,我试试!!

我看123云盘里的oald的mdx也更新了,和oald 2023.03双解原贴的mdx文件有不同吗?

这个版本还是无法发音,不显示发音图标,而且会导致同组的ODE glance发音图标消失,试了原版没有这些问题。

欧路山猪吃不了细糠,深色模式死活无法支持楼主精心构想的渐变背景色透明色文本的美妙样式,不得不改一版 古代汉语词典2 的 css 于此。

GH2.css (6.4 KB)

+1 无法发音

+1 试了OALD10无法发音

牛津10又又又更新啦,楼主空闲时可以做个适配不

最近忙成狗了:smiling_face_with_tear:
等我周末看看有没有时间:eyes:

1 个赞



感谢大佬的作品,样式很美观。
但是古汉语词典和现代汉语词典的夜间模式还是有些显示问题,不知道大佬能否拨冗查看下。