|
本帖最后由 LYX1692 于 2015-7-5 20:29 编辑
8 q% T/ w2 {8 v5 B( }: k w+ S, y& G1 M9 \
前因后果:
2 y- h! `) @& `' @! J" L/ P7 _因为各种原因,mdict本身的单词收藏功能并不符合我的要求。! B2 R7 {2 N9 e T5 X0 z0 @
假设说,我想建个《四级词汇》。( P' J9 |" {( @
; F. o3 t8 D6 L7 M5 V3 n
1 f* V0 Y9 i0 t+ _
3 x: z( F7 l$ F+ V, n6 v$ [3 p如上图所示:0 l/ ]( @- }% H1 s* L
- 条目用的是“四级abandon”,这是为了避免在多词典联合搜索下显示释义从而影响自己对于该单词掌握情况的真实了解。
- 如果该词,我确实熟悉了,点击“下一个”,跳转到下一个词汇。4 M6 D; j! }. |- K$ y1 ]& F V( D
5 p% _ S/ L9 T1 J9 {* s$ |
0 c3 W C( {3 J: l) Y* u- S( I6 B - 如果该词,我没有把握,点击“我忘记了”,则会跳转到常规的“abandon”条目,查看其他词典的释义。
( j. ~5 o" {3 E+ `) P: _$ ^* z
3 U; s3 v. O/ l - 学习了该词之后,我可以点击“我记住了”,返回正常的“四级abandon”条,也可以直接点击“下一个”,跳到下一个词汇“四级aboard”。9 T, J1 Q# P. F$ g; ^! T4 `9 F
, `9 n9 g8 @- D. q6 r8 s+ V6 g5 S @0 ^
以上几点,用MDX来实现,都是小意思。
9 ` K5 Y+ b! [$ P目前制作的试验版,PC上一切显示理想。
3 e& y9 c* z+ x可我主要的设想是放在手机上,偏偏手机上的显示出现了问题。
, `" @0 n$ o0 @8 h
% }/ ^) n' R N+ I& z7 a如图:
2 M) P, ~5 F! O- g) }9 A9 D% ]- 手动输入词条,一切显示正常。- R- m4 N9 K* G; m" K) L7 u4 C' \
9 m$ M; L: y- q7 Y0 h
- 点击“我忘记了”或者“下一个”,就不正常了。
* I- l& s- v" E$ \+ e3 {
! | K( \3 x- U5 A6 m% f+ O - 通过候选框点击进入,显示正常8 A! J% e e& j3 S
& j) J# l" Q. `& ?$ U
- 同样的MDX,在安卓深蓝词典上,显示正常。
2 ~) S5 N6 e$ W) C- S+ D& j- Y- s# I$ E
9 Q! @( |' V8 q! d8 ^" D0 _! x9 ?5 L9 g+ D% V
# }$ _5 U2 D8 m2 d; O以下是我的编译源文件样式:3 s% `+ V6 U4 f1 Y
四级abandon, C {3 ]9 ?, ?1 K3 v2 x
<link href="xueba.css" rel="stylesheet" type="text/css" /><p class="progress"><span class="progress1">1</span>/<span class="progress2">3209</span></p><p class="word">abandon</p><div class="button"><span class="back"><a href="entry://四级zone">上一个</a></span><span class="forget"><a href="entry://abandon">我忘记了</a></span><span class="next"><a href="entry://四级aboard">下一个</a></span></div>
' X( z- d; ^( U7 c" p</>; H. u* T- D3 C$ z6 l+ H, h$ \
abandon
* s4 k( D. V/ M3 b: ?* Q<link href="xueba.css" rel="stylesheet" type="text/css" /><p class="progress"><span class="progress1">1</span>/<span class="progress2">3209</span></p><p class="word">abandon</p><div class="button"><span class="back"><a href="entry://四级zone">上一个</a></span><span class="forget"><a href="entry://四级abandon">我记住了</a></span><span class="next"><a href="entry://四级aboard">下一个</a></span></div>/ g% V Z& z. i8 }" t4 F
</>; q, j% f/ ^9 y5 d5 T
四级aboard3 L w5 x4 V5 ~1 o# b* a7 p
<link href="xueba.css" rel="stylesheet" type="text/css" /><p class="progress"><span class="progress1">2</span>/<span class="progress2">3209</span></p><p class="word">aboard</p><div class="button"><span class="back"><a href="entry://四级abandon">上一个</a></span><span class="forget"><a href="entry://aboard">我忘记了</a></span><span class="next"><a href="entry://四级absolute">下一个</a></span></div>8 |0 S9 d4 u W1 D
</># h& J& f6 F2 o( y0 l0 n) f
aboard O1 i+ k3 A4 x
<link href="xueba.css" rel="stylesheet" type="text/css" /><p class="progress"><span class="progress1">2</span>/<span class="progress2">3209</span></p><p class="word">aboard</p><div class="button"><span class="back"><a href="entry://四级abandon">上一个</a></span><span class="forget"><a href="entry://四级aboard">我记住了</a></span><span class="next"><a href="entry://四级absolute">下一个</a></span></div>
5 A, w( ^) D- }" a9 L7 y+ l( U- \</>) y8 ?1 s! L' ]
四级absolute" w2 F7 ^: B( N! Z
<link href="xueba.css" rel="stylesheet" type="text/css" /><p class="progress"><span class="progress1">3</span>/<span class="progress2">3209</span></p><p class="word">absolute</p><div class="button"><span class="back"><a href="entry://四级aboard">上一个</a></span><span class="forget"><a href="entry://absolute">我忘记了</a></span><span class="next"><a href="entry://四级absolutely">下一个</a></span></div>; L0 T/ U; s8 L' p3 [- q0 z
</>' O9 f, ~0 L1 b5 Q) p; Y
absolute
' q- B! a! B( ^- `% }4 m4 f<link href="xueba.css" rel="stylesheet" type="text/css" /><p class="progress"><span class="progress1">3</span>/<span class="progress2">3209</span></p><p class="word">absolute</p><div class="button"><span class="back"><a href="entry://四级aboard">上一个</a></span><span class="forget"><a href="entry://四级absolute">我记住了</a></span><span class="next"><a href="entry://四级absolutely">下一个</a></span></div>
$ [5 A% e/ N" c& W E</> % W4 [5 e+ d1 O' M' H, _
! |$ b+ s- x+ l' u5 j* U+ c
以下是我的CSS样式(xueba.css):
9 E) e, D- d& k, u.progress7 I* W) n3 N$ z/ Q! \2 @ U
{font-size: 1em;color: blue;}
$ M+ s% m3 O/ u, R2 N0 {.progress1
) I# a5 z" O. B7 {0 x5 m! L- O{color: green;}, X1 i- b! O7 l5 H+ m. f
.progress2
" Y; c, H c' H7 A$ \5 j{color: red;}- }7 ]* S% N4 d$ j, \
.word, u. r6 E4 k2 G1 X+ }
{text-align: center;font-size: 4em;font-weight: bold;color: red;}
4 H1 \: J, [4 o+ f! [.back: `, C3 i) `% `7 a5 R( c$ [
{margin:auto 10px;font-size:1em;color:blue;}
: I' l- k7 i5 {) i/ G/ J+ n.back a2 p) d; b" ?8 p6 @" h
{font-size:1em;color:blue;}8 ?- z$ k7 g0 ]. N/ z
.forget' F5 w/ N0 X2 J* B
{margin:auto 10px;font-size:1em;color:red;}, d) O0 A& a K/ E4 w; v
.forget a
# }! W2 s( O4 V& q0 H{font-size:1em;color:red;}
/ T7 |/ }9 F4 n; h1 Q.next
: \( l' j" |. e$ t+ S7 q! _) l{margin:auto 10px;font-size:1em;color:green;}& w1 ^. ~4 c; H6 [' `5 l
.next a
- N& p k8 ^8 }& h{font-size:1em;color:green;}
) B* Q' {. K v4 h6 f.button T9 {" m+ H* m/ Q9 `& z
{text-align:center;margin:0 auto;} 7 h, _2 {6 K$ Y% ~2 `
2 \' Z3 [: D- `; J$ Y' s% g* x实在是不知道问题出在哪里,特来求助。# r7 G, D# i. n
|
本帖子中包含更多资源
您需要 登录 才可以下载或查看,没有账号?免费注册
x
|