| r1435 vs r1436 | ||
|---|---|---|
| 1 | {{{#!style | |
| 2 | .test-bg {background:gray} | |
| 3 | .test-border {border:5px solid red} | |
| 4 | .test-base {width:100px;height:100px} | |
| 5 | 1 | |
| 6 | ||
| 7 | }}} | |
| 8 | ||
| 9 | {{{#!wiki class="test-base test-bg test-border" onclick="toggle-class,ccc,test-border" | |
| 10 | }}} | |
| 11 | ||
| 12 | {{{#!wiki class="www ccc test-base test-border" | |
| 13 | }}} | |
| 14 | ||
| 15 | ||
| 16 | ||
| 17 | 2 | {{{#!style |
| 18 | 3 | .mine-safe {width:30px;height:30px;background:no-repeat linear-gradient(#0f0, #fff)50% 50%/75% 75%, conic-gradient(from 45deg, #bbb 90deg, #999 0, #888 180deg, #ddd 0, #ddd 270deg, #fff 0);color:#000;font-weight:bold} |
| 19 | 4 | |
| ... | ... | |
| 21 | 6 | |
| 22 | 7 | .mine-test-cyan {width:30px;height:30px;background:no-repeat linear-gradient(#0ff, #fff)50% 50%/75% 75%, conic-gradient(from 45deg, #bbb 90deg, #999 0, #888 180deg, #ddd 0, #ddd 270deg, #fff 0)} |
| 23 | 8 | |
| 24 | .mine-num {width:30px;height:30px;display:table;background:#fff} | |
| 9 | .mine-num {width:30px;height:30px;display:table;background:#fff;color:#000;font-weight:bold} | |
| 25 | 10 | |
| 26 | 11 | .mine-over {width:30px;height:30px;background:no-repeat linear-gradient(#00f, #fff)50% 50%/75% 75%, conic-gradient(from 45deg, #bbb 90deg, #999 0, #888 180deg, #ddd 0, #ddd 270deg, #fff 0);color:#000;font-weight:bold} |
| 27 | 12 | |
| ... | ... | |
| 42 | 27 | .mine-hide-hide {display:none} |
| 43 | 28 | |
| 44 | 29 | }}} |
| 45 | {{{#!if index = | |
| 30 | {{{#!if index = 71, mine = [0, 1, 0, 1, 0, 0, 0, 0, 0, 0, 0, 0, 1, 1, 1, 0, 0, 0, 0, 0, 0, 1, 0, 1, 0, 0, 0, 0, 0, 0, 1, 1, 1, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 1, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 1] | |
| 46 | 31 | }}} |
| 47 | 32 | |
| 48 | 33 | ||<nopad> {{{#!if ++index, cell = 0 |
| 49 | 34 | }}}{{{#!if mine[index] == 0 |
| 35 | {{{#!if index % 9 != 0 && index >= 9 | |
| 50 | 36 | {{{#!if mine[index - 10] == 1 |
| 51 | 37 | {{{#!if ++cell |
| 52 | }}}}}}{{{#!if mine[index - 9] == 1 | |
| 38 | 1}}}}}}}}}{{{#!if index > 9 | |
| 39 | {{{#!if mine[index - 9] == 1 | |
| 53 | 40 | {{{#!if ++cell |
| 54 | }}}}}}{{{#!if mine[index - 8] == 1 | |
| 41 | 2}}}}}}}}}{{{#!if index % 9 != 8 && index >= 9 | |
| 42 | {{{#!if mine[index - 8] == 1 | |
| 55 | 43 | {{{#!if ++cell |
| 56 | }}}}}}{{{#!if mine[index - 1] == 1 | |
| 44 | 3}}}}}}}}}{{{#!if index % 9 != 0 | |
| 45 | {{{#!if mine[index - 1] == 1 | |
| 57 | 46 | {{{#!if ++cell |
| 58 | }}}}}}{{{#!if mine[index + 1] == 1 | |
| 47 | 4}}}}}}}}}{{{#!if index % 9 != 8 | |
| 48 | {{{#!if mine[index + 1] == 1 | |
| 59 | 49 | {{{#!if ++cell |
| 60 | }}}}}}{{{#!if mine[index + 8] == 1 | |
| 50 | 5}}}}}}}}}{{{#!if index % 9 != 0 && index < 72 | |
| 51 | {{{#!if mine[index + 8] == 1 | |
| 61 | 52 | {{{#!if ++cell |
| 62 | }}}}}}{{{#!if mine[index + 9] == 1 | |
| 53 | 6}}}}}}}}}{{{#!if index < 72 | |
| 54 | {{{#!if mine[index + 9] == 1 | |
| 63 | 55 | {{{#!if ++cell |
| 64 | }}}}}}{{{#!if mine[index + 10] == 1 | |
| 56 | 7}}}}}}}}}{{{#!if index % 9 != 8 && index < 72 | |
| 57 | {{{#!if mine[index + 10] == 1 | |
| 65 | 58 | {{{#!if ++cell |
| 66 | }}}}}} | |
| 67 | }}}{{{#!wiki class="mine | |
| 68 | ||
| 69 | ||
| 70 | ||
| 71 | ||
| 72 | {{{#!wiki class="mine | |
| 73 | ||
| 74 | ||
| 75 | ||
| 76 | ||
| 77 | ||
| 78 | ||
| 59 | 8}}}}}}}}}{{{#!wiki class="mine-num" | |
| 60 | @cell@}}}}}}{{{#!if mine[index] == 1 | |
| 61 | {{{#!wiki class="mine-num" | |
| 62 | ●}}}}}} || | |
| 79 | 63 | |
| 80 | 64 | ||<nopad> {{{#!wiki class="mine-enable" |
| 81 | 65 | {{{#!wiki class="dig mine-safe" onclick="add-class,flag,mine-safe;remove-class,dig,mine-safe;remove-class,mine-test-red,mine-hide;add-class,mine-test-cyan,mine-hide" |
| ... | ... | |
| 87 | 71 | 🚩}}}}}} || |
| 88 | 72 | |
| 89 | 73 | |
| 74 | {{{ | |
| 75 | {{{#!wiki class="mine@index@ mine-test-red" onclick="add-class,mine-flag-icon,mine-test-hide;add-class,mine@index@,mine-num;remove-class,mineh@index@,mine-hide;add-class,mineh@index@,mine-test-cyan,mine-num" | |
| 76 | }}}{{{#!wiki class="mineh@index@ mine-test-cyan mine-hide" onclick="toggle-class,mine-flag-icon,mine-hide" | |
| 77 | }}}{{{#!wiki class="mineh@index@ mine-hide" | |
| 78 | {{{#!wiki class="mine-mrg" | |
| 79 | {{{#!if cell > 0 | |
| 80 | {{{#000,#000 '''@cell@'''}}}}}}}}}}}}{{{#!if mine[index] == 1 | |
| 81 | {{{#!wiki class="mine@index@ mine-test-red" onclick="add-class,mine-flag-icon,mine-test-hide;add-class,mine@index@,mine-num;remove-class,mineh@index@,mine-hide" | |
| 82 | }}}{{{#!wiki class="mine-test-cyan mine-hide" onclick="toggle-class,mine-flag-icon,mine-hide" | |
| 83 | }}}{{{#!wiki class="mineh@index@ mine-hide" | |
| 84 | {{{#!wiki class="mine-mrg" | |
| 85 | {{{#000,#000 '''●'''}}}}}}}}}}}}{{{#!wiki class="mine-flag-icon mine-hide" | |
| 86 | }}}{{{#!wiki class="mine-flag-icon mine-hide" onclick="toggle-class,mine-flag-icon,mine-hide" | |
| 87 | }}} | |
| 88 | }}} | |
| 90 | 89 | |
| 91 | 90 | |
| 92 | 91 | |
| 93 | ||
| 94 | ||
| 95 | 92 | 1. 깃발 모드 활성화시 타일을 숨기고 깃발 버튼을 표시 한다 |
| 96 | 93 | 2. 깃발 모드 비활성화시 타일을 표시하고 깃발 버튼을 숨긴다 |
| 97 | 94 | |
| ... | ... |