掌上百科 - PDAWIKI

 找回密码
 免费注册

QQ登录

只需一步,快速开始

查看: 719|回复: 5

[改版] (css & js) w大oed排版调整

[复制链接]
  • TA的每日心情
    开心
    2019-1-18 23:55
  • 签到天数: 230 天

    [LV.7]常住居民III

    发表于 2018-4-20 22:22:49 | 显示全部楼层 |阅读模式
    本帖最后由 dfliaoyue 于 2018-5-26 13:14 编辑 6 M, u1 \) c' j" l/ {5 }. o

    $ F+ K' P  u0 G6 W8 U* b6 l: `词典链接
    # A5 S  s( r3 O% x经典不用多说。! @. ^1 t0 h# W5 c( l1 z+ I( x2 u
    原版排版很干净。所以基本没动配色和整体布局。当然了也确实不太好动。) `6 _: F5 x$ B$ X( T1 W
    改了一下,稍微突出释义,另外就是改了自动隐藏的逻辑,加快了加载速度。详细内容:  E! T* t' [1 |0 H5 N$ F
    • 微调了例句缩进。原设计的例句缩进在手机上莫名有点小(似乎pc和手机的em长度不同?),微调了一下。
    • 微调了例句、拼写和构词法的字号。突出释义。
    • 默认隐藏拼写和构词法。
    • 例句自动隐藏的条目下限调整到30个例句块(一个分释义下的所有例句只算一个)
    • 修改了自动隐藏的逻辑,现在加载速度应该会快不少,特别是长词条。# Q. u$ R8 V8 o$ D" P
      • 方法就是css默认设置为隐藏,由js检查是否展开,如果例句够少就一个个改为展开;原逻辑是原本展开,由js检查是否隐藏,如果例句够多就一个个改为隐藏。应该能理解速度差异吧。
      • 副作用就是离开js后词典有的项目就看不到了。而原版的没有js时是全部展开的。; F; F9 V6 a$ }3 h* V/ R
      % _1 ?& I5 y2 }+ Y$ |+ [+ D3 e2 p
    2 y# G, i3 J7 {

    " k" \* e& x( \

    本帖子中包含更多资源

    您需要 登录 才可以下载或查看,没有帐号?免费注册

    x

    评分

    2

    查看全部评分

  • TA的每日心情
    开心
    2019-1-18 23:55
  • 签到天数: 230 天

    [LV.7]常住居民III

     楼主| 发表于 2018-4-22 13:56:39 来自手机 | 显示全部楼层
    PbutH 发表于 2018-4-22 12:57
    5 F3 t& W! G* a- W0 s6 t7 k感谢分享!
    ( U0 K+ e% R3 j小提示:欧路词典中,要把该词典排在前面(试试前三位)才能显示特效。
    % ?5 [5 J4 z; @$ b+ t) v5 C' P4 f$ s$ s) @' b, }+ W0 I9 G

    2 Z7 s/ b- {# U( ~5 q* K8 Z抱歉,刚没看清那个罗马数字的问题。那个罗马数字的问题,是因为这是不同的词条合并了,自然会大些。我没去试图定位过,你可以去找内容块,可能是词头下面的内容块的底部距离。$ u0 E# S! `) Y- U( v7 H* W5 g. L3 [
    建议不要改太小,毕竟是不同的词条。只不过这个词碰巧词条多又好几个只有单一义项的。
  • TA的每日心情

    2018-6-16 00:08
  • 签到天数: 197 天

    [LV.7]常住居民III

    发表于 2018-4-21 00:14:42 | 显示全部楼层
    有点意思,下载了,例句字体小,倒是可以突出释义哈。
  • TA的每日心情
    奋斗
    2020-7-26 22:40
  • 签到天数: 112 天

    [LV.6]常住居民II

    发表于 2018-4-22 12:57:21 | 显示全部楼层
    本帖最后由 PbutH 于 2018-4-22 13:09 编辑 / ]$ Q. Z; ^6 f) u/ }9 @% h% w
    4 g" w( ^6 n, c  g3 U; C
    感谢分享!" A& f' {! r4 A# Z4 r4 `) f" \5 i
    小提示:欧路词典中,要把该词典排在前面(试试前三位)才能显示特效。
    % E- y" U, n- V- e9 x7 f* W( J- R
    9 j. u9 N- B) D$ w( ^3 h) q另外,我想缩小  罗马序数 所在行跟前一行之间的间距(在我手机上感觉太宽了,见图),但是我不知道怎么去定位“罗马序数”所在的行(找不到),所以就没法修改top值了,求解……* u) Z+ n5 s. W# j& B

    2 J) B. H, M! K( E& W' u: n) ^

    本帖子中包含更多资源

    您需要 登录 才可以下载或查看,没有帐号?免费注册

    x
  • TA的每日心情
    开心
    2019-1-18 23:55
  • 签到天数: 230 天

    [LV.7]常住居民III

     楼主| 发表于 2018-4-22 13:49:36 来自手机 | 显示全部楼层
    PbutH 发表于 2018-4-22 12:573 ]: _1 ]% |+ ^6 r- f3 f0 c
    感谢分享!
    / K! U9 `% N# Q0 R. c+ Y, j5 n& G7 m小提示:欧路词典中,要把该词典排在前面(试试前三位)才能显示特效。
    : i9 N0 @) Y' @+ x! t/ G5 G3 d9 U* m" a' z. G9 O: G

    ( G7 ~' A4 E5 v1 p$ r% b! K- d不用欧路,不清楚也没动力弄…我只是简单改了下js的逻辑,和原版区别不大,也许原来的就有这问题?之前看到好像是f大还是谁说过这个问题,你去技术区找找和问问吧。
    1 L! ~$ g( r! M, S, X4 D) e罗马数字的话,你先定位后面的条目,再展开se2/4/6/8。我现在没办法拿电脑看,印象里应该是解释前面,嵌套了几层,一项项展开总能找到。
  • TA的每日心情
    开心
    2020-5-20 19:19
  • 签到天数: 17 天

    [LV.4]偶尔看看III

    发表于 2018-4-24 11:15:12 | 显示全部楼层
    受用了,谢谢,试一试
    您需要登录后才可以回帖 登录 | 免费注册

    本版积分规则

    顶部qrcode底部
    关注掌上百科官方微信公众号送积分
    关注掌上百科官方微信公众号
    关注微信公众号 pdawiki,获取邀请码,看文抢积分,抽奖得浮云! Follow our Wechat official account "pdawiki", get invitation codes, and play the lottery to earn points (积分)!

    小黑屋|手机版|Archiver|PDAWIKI |网站地图

    GMT+8, 2020-11-27 13:39 , Processed in 0.030412 second(s), 9 queries , MemCache On.

    Powered by Discuz! X3.4

    Copyright © 2001-2020, Tencent Cloud.

    快速回复 返回顶部 返回列表