Skip to content

M
Moecube Store
Commit 96bd98e5 authored by 神楽坂玲奈's avatar 神楽坂玲奈
Browse files
Options

deck builder graphic template

parent d66daa6c
Hide whitespace changes
Inline Side-by-side
Showing with 312 additions and 353 deletions
assets/javascripts/decks.coffee
View file @ 96bd98e5
...@@ -114,7 +114,14 @@ class Deck extends Spine.Controller ...@@ -114,7 +114,14 @@ class Deck extends Spine.Controller
@main.push card_usage @main.push card_usage
main_count += card_usage.count main_count += card_usage.count
category_count[(category for category in card.card_type when category in Card.categories).pop()] += card_usage.count category_count[(category for category in card.card_type when category in Card.categories).pop()] += card_usage.count
if $('.operate_area').hasClass('graphic')
window.main_count = if main_count > 40 then main_count else 'auto'
window.side_count = if side_count > 10 then side_count else 'auto'
window.extra_count = if extra_count > 10 then extra_count else 'auto'
@html $('#deck_template').tmpl({main: @main, side: @side, extra: @extra, main_count: main_count, side_count: side_count, extra_count: extra_count, category_count: category_count}) @html $('#deck_template').tmpl({main: @main, side: @side, extra: @extra, main_count: main_count, side_count: side_count, extra_count: extra_count, category_count: category_count})
$('#search_card').html $('#search_card_template').tmpl({test: 'test'})
$('#deck_url_ydk').attr 'download', @deck_name + '.ydk' $('#deck_url_ydk').attr 'download', @deck_name + '.ydk'
$('#deck_url_ydk').attr 'href', 'data:application/octet-stream,' + ((card_usage.card_id for i in [0...card_usage.count]).join("%0a") for card_usage in @main).concat(((card_usage.card_id for i in [0...card_usage.count]).join("%0a") for card_usage in @extra), ["!side"], ((card_usage.card_id for i in [0...card_usage.count]).join("%0a") for card_usage in @side)).join("%0a") $('#deck_url_ydk').attr 'href', 'data:application/octet-stream,' + ((card_usage.card_id for i in [0...card_usage.count]).join("%0a") for card_usage in @main).concat(((card_usage.card_id for i in [0...card_usage.count]).join("%0a") for card_usage in @extra), ["!side"], ((card_usage.card_id for i in [0...card_usage.count]).join("%0a") for card_usage in @side)).join("%0a")
...@@ -144,10 +151,6 @@ class Deck extends Spine.Controller ...@@ -144,10 +151,6 @@ class Deck extends Spine.Controller
#文字版 #文字版
@el.jscroll({W: "12px", Btn: @el.jscroll({W: "12px", Btn:
{btn: false}}) {btn: false}})
else
window.main_count = if main_count > 40 then main_count else 'auto'
window.side_count = if side_count > 10 then side_count else 'auto'
window.extra_count = if extra_count > 10 then extra_count else 'auto'
location: -> location: ->
"/decks/?name=#{@deck_name}&cards=#{@encode()}" "/decks/?name=#{@deck_name}&cards=#{@encode()}"
......
assets/javascripts/decks.js
View file @ 96bd98e5
...@@ -296,6 +296,11 @@ ...@@ -296,6 +296,11 @@
})()).pop()] += card_usage.count; })()).pop()] += card_usage.count;
} }
}); });
if ($('.operate_area').hasClass('graphic')) {
window.main_count = main_count > 40 ? main_count : 'auto';
window.side_count = side_count > 10 ? side_count : 'auto';
window.extra_count = extra_count > 10 ? extra_count : 'auto';
}
this.html($('#deck_template').tmpl({ this.html($('#deck_template').tmpl({
main: this.main, main: this.main,
side: this.side, side: this.side,
...@@ -305,6 +310,9 @@ ...@@ -305,6 +310,9 @@
extra_count: extra_count, extra_count: extra_count,
category_count: category_count category_count: category_count
})); }));
$('#search_card').html($('#search_card_template').tmpl({
test: 'test'
}));
$('#deck_url_ydk').attr('download', this.deck_name + '.ydk'); $('#deck_url_ydk').attr('download', this.deck_name + '.ydk');
$('#deck_url_ydk').attr('href', 'data:application/octet-stream,' + ((function() { $('#deck_url_ydk').attr('href', 'data:application/octet-stream,' + ((function() {
var _j, _len1, _ref1, _results; var _j, _len1, _ref1, _results;
...@@ -397,10 +405,6 @@ ...@@ -397,10 +405,6 @@
btn: false btn: false
} }
}); });
} else {
window.main_count = main_count > 40 ? main_count : 'auto';
window.side_count = side_count > 10 ? side_count : 'auto';
return window.extra_count = extra_count > 10 ? extra_count : 'auto';
} }
}; };
......
decks/index.html
View file @ 96bd98e5
...@@ -8,244 +8,127 @@ ...@@ -8,244 +8,127 @@
<!--[if gt IE 8]><!--> <!--[if gt IE 8]><!-->
<html class="no-js" xmlns="http://www.w3.org/1999/html" xmlns="http://www.w3.org/1999/html"> <!--<![endif]--> <html class="no-js" xmlns="http://www.w3.org/1999/html" xmlns="http://www.w3.org/1999/html"> <!--<![endif]-->
<head> <head>
<meta charset="utf-8"> <meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"> <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<title>mycard deck builder</title> <title>mycard deck builder</title>
<meta name="description" content="mycard卡组编辑"> <meta name="description" content="mycard卡组编辑">
<!--<meta name="viewport" content="width=device-width">--> <!--<meta name="viewport" content="width=device-width">-->
<!-- Place favicon.ico and apple-touch-icon.png in the root directory --> <!-- Place favicon.ico and apple-touch-icon.png in the root directory -->
<link rel="stylesheet" href="/assets/stylesheets/normalize.css"> <link rel="stylesheet" href="/assets/stylesheets/normalize.css">
<link rel="stylesheet" href="/assets/stylesheets/main.css"> <link rel="stylesheet" href="/assets/stylesheets/main.css">
<script src="/vendor/javascripts/modernizr-2.6.2.min.js"></script> <script src="/vendor/javascripts/modernizr-2.6.2.min.js"></script>
<link rel="stylesheet" href="/vendor/stylesheets/css_clear.css"/> <link rel="stylesheet" href="/vendor/stylesheets/css_clear.css"/>
<link rel="stylesheet" href="/vendor/stylesheets/PIE.css"/> <link rel="stylesheet" href="/vendor/stylesheets/PIE.css"/>
<link rel="stylesheet" href="/vendor/stylesheets/hScrollPane.css"/> <link rel="stylesheet" href="/vendor/stylesheets/hScrollPane.css"/>
<link rel="stylesheet" href="/vendor/stylesheets/smoothness/jquery-ui-1.9.1.custom.min.css"/> <link rel="stylesheet" href="/vendor/stylesheets/smoothness/jquery-ui-1.9.1.custom.min.css"/>
<link rel="stylesheet/less" href="/assets/stylesheets/decks.less"/> <link rel="stylesheet/less" href="/assets/stylesheets/decks.less"/>
<script src="/vendor/javascripts/less-1.3.1.min.js"></script> <script src="/vendor/javascripts/less-1.3.1.min.js"></script>
<script id="card_template" type="text/x-jquery-tmpl"> <script id="card_template" type="text/x-jquery-tmpl">
<div id="card_name" class="card_name">${name}</div> <div id="card_name" class="card_name">${name}</div>
<div class="card_img line floatleft">
<img id="card_image" height="187px" width="130px" src="http://images.my-card.in/${id}.jpg" alt="card_name"/>
</div>
<div class="card_info floatleft">
<div id="card_card_type_title" class="attr_name floatleft">${$.i18n.prop('card_type')}</div>
<div id="card_card_type" class="attr_real floatleft">${card_type}</div>
{{if type}}
<div id="card_type_title" class="attr_name floatleft">${$.i18n.prop('type')}</div>
<div id="card_type" class="attr_real floatleft">${$.i18n.prop('type.'+type)}</div>
<div id="card_attribute_title" class="attr_name floatleft">${$.i18n.prop('attribute')}</div>
<div id="card_attribute" class="attr_real floatleft">${$.i18n.prop('attribute.'+attribute)}</div>
<div id="card_level_title" class="attr_name floatleft">${$.i18n.prop('level')}</div>
<div id="card_level" class="attr_real floatleft">${level}</div>
<div id="card_atk_title" class="attr_name floatleft">${$.i18n.prop('atk')}</div>
<div id="card_atk" class="attr_real floatleft">${atk}</div>
<div id="card_def_title" class="attr_name floatleft">${$.i18n.prop('def')}</div>
<div id="card_def" class="attr_real floatleft">${def}</div>
{{/if}}
</div>
<div class="card_frame floatleft">
<div id="card_description" class="card_description floatleft frame_element">
${description}
</div>
<div id="card_adjustment" class="card_adjustment floatleft frame_element">
建设中 <br/>
under construction<br/>
</div>
<div id="card_statistics" class="card_statistics floatleft frame_element">
建设中<br/>
under construction
</div>
</div>
<div class="floatleft bottom_area">
<div id="card_description_title" class="bottom_button floatleft">效果</div>
<div id="card_adjustment_title" class="bottom_button floatleft">调整</div>
<div id="card_statistics_title" class="bottom_button floatleft">统计</div>
</div>
</script>
<script id="card_usage_text_template" type="text/x-jquery-tmpl">
<p class="card_usage">
<span class="card ${$data.card().card_type.join(' ')}">${$data.card().name}</span>
<i>${count}</i>
</p>
</script>
<script id="card_usage_graphic_template" type="text/x-jquery-tmpl">
{{each Array(count)}}
<img class="card_usage" width="44" height="64" src="${$data.card().image_thumbnail_url()}"/>
{{/each}}
</script>
<script id="deck_template" type="text/x-jquery-tmpl">
<fieldset id="deck_main">
<legend id="deck_main_title" class="deck_title main">主卡组
<small>(${main_count}:
{{each category_count}}
<span class="deck_category_count ${$index}">${$value}</span>{{/each}})
</small>
</legend>
<div class="deck_part main">
{{tmpl(main) '#card_usage_' + ($('.operate_area').hasClass('text') ? 'text' : 'graphic') + '_template'}}
</div>
</fieldset>
<fieldset id="deck_side">
<legend id="deck_side_title" class="deck_title main">副卡组
<small>(${side_count})</small>
</legend>
<div class="deck_part side">
{{tmpl(side) '#card_usage_' + ($('.operate_area').hasClass('text') ? 'text' : 'graphic') + '_template'}}
</div>
</fieldset>
<fieldset id="deck_extra">
<legend id="deck_extra_title" class="deck_title main">额外卡组
<small>(${extra_count})</small>
</legend>
<div class="deck_part extra">
{{tmpl(extra) '#card_usage_' + ($('.operate_area').hasClass('text') ? 'text' : 'graphic') + '_template'}}
</div>
</fieldset>
</script>
</head>
<body>
<!--[if lt IE 10]>
<p class="chromeframe">You are using an <strong>outdated</strong> browser. Please <a href="http://browsehappy.com/">upgrade
your browser</a> or <a href="http://www.google.com/chromeframe/?redirect=true">activate Google Chrome Frame</a> to
improve your experience.</p>
<![endif]-->
<div class="main_div line">
<div id="card" class="main_left floatleft line">
<div class="card_name">Mycard 卡组编辑器</div>
<div class="card_img line floatleft"> <div class="card_img line floatleft">
<img height="187px" width="130px" src="/assets/images/decks/card.jpg" alt="card_name"/> <img id="card_image" height="187px" width="130px" src="http://images.my-card.in/${id}.jpg" alt="card_name"/>
</div> </div>
<div class="card_info floatleft"> <div class="card_info floatleft">
<div class="attr_real floatleft">(」・ω・)」</div> <div id="card_card_type_title" class="attr_name floatleft">${$.i18n.prop('card_type')}</div>
<div class="attr_name floatleft">呜！</div> <div id="card_card_type" class="attr_real floatleft">${card_type}</div>
<div class="attr_real floatleft">(／・ω・)／</div> {{if type}}
<div class="attr_name floatleft">喵！</div> <div id="card_type_title" class="attr_name floatleft">${$.i18n.prop('type')}</div>
<div class="attr_real floatleft">(」・ω・)」</div> <div id="card_type" class="attr_real floatleft">${$.i18n.prop('type.'+type)}</div>
<div class="attr_name floatleft">呜！</div> <div id="card_attribute_title" class="attr_name floatleft">${$.i18n.prop('attribute')}</div>
<div class="attr_real floatleft">(／・ω・)／</div> <div id="card_attribute" class="attr_real floatleft">${$.i18n.prop('attribute.'+attribute)}</div>
<div class="attr_name floatleft">喵！</div> <div id="card_level_title" class="attr_name floatleft">${$.i18n.prop('level')}</div>
<div class="attr_name floatleft"></div> <div id="card_level" class="attr_real floatleft">${level}</div>
<div class="attr_real floatleft">世界已完蛋</div> <div id="card_atk_title" class="attr_name floatleft">${$.i18n.prop('atk')}</div>
<div id="card_atk" class="attr_real floatleft">${atk}</div>
<div id="card_def_title" class="attr_name floatleft">${$.i18n.prop('def')}</div>
<div id="card_def" class="attr_real floatleft">${def}</div>
{{/if}}
</div> </div>
<div class="card_frame floatleft"> <div class="card_frame floatleft">
<div class="card_description floatleft frame_element card_frame_focus"> <div id="card_description" class="card_description floatleft frame_element">
<div> ${description}
这是一个卡组编辑/分享系统<br/> </div>
this is a deck editing & sharing system<br/> <div id="card_adjustment" class="card_adjustment floatleft frame_element">
</div> 建设中 <br/>
under construction<br/>
</div> </div>
<div class="card_adjustment floatleft frame_element"> <div id="card_statistics" class="card_statistics floatleft frame_element">
<ruby>数据来源 建设中<br/>
<rt>Database</rt> under construction
</ruby>
: <a href="https://github.com/Fluorohydride/ygopro/">Ygopro</a><br/>
<ruby>许可协议
<rt>License</rt>
</ruby>
: <a href="http://www.gnu.org/licenses/gpl.html">GPLv3 or later</a><br/>
<ruby>项目主页
<rt>Github</rt>
</ruby>
: <a href="https://github.com/zh99998/mycard">github.com/zh99998/mycard</a><br/>
<ruby>开发成员
<rt>Authors</rt>
</ruby>
: <a href="https://plus.google.com/101873829070855379840">zh99998</a>&lt;<a
href="mailto:zh99998@gmail.com">zh99998@gmail.com</a>&gt;<br/>
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <a
href="https://plus.google.com/u/0/102725466404235496819">Mesiade</a>&lt;<a
href="mailto:Mesiade746@hotmail.com">Mesiade746@hotmail.com</a>&gt;
</div> </div>
</div> </div>
<div class="floatleft bottom_area"> <div class="floatleft bottom_area">
<div class="bottom_button_active floatleft">简介</div> <div id="card_description_title" class="bottom_button floatleft">效果</div>
<div class="bottom_button floatleft">关于</div> <div id="card_adjustment_title" class="bottom_button floatleft">调整</div>
<div id="card_statistics_title" class="bottom_button floatleft">统计</div>
</div> </div>
</div> </script>
<div class="main_right floatleft line">
<div class="floatleft search_data graphic"> <script id="card_usage_text_template" type="text/x-jquery-tmpl">
<div class="floatleft search_bar"> <p class="card_usage">
<form id="search"> <span class="card ${$data.card().card_type.join(' ')}">${$data.card().name}</span>
<div class="floatleft search_frame"> <i>${count}</i>
<input type="text" name="" class="search_input floatleft" value=""/> </p>
<input type="submit" class="serach_button" value=""/> </script>
</div> <script id="card_usage_graphic_main_template" type="text/x-jquery-tmpl">
<div class="floatright advanced_search_father"> {{each Array(count)}}
<div class="advanced_search" onclick="showMe(this,'submenu');">高级搜索</div> <img class="card_usage" width="44" height="64" padding="${main_count}" src="${$data.card().image_thumbnail_url()}"/>
{{/each}}
</script>
<script id="card_usage_graphic_side_template" type="text/x-jquery-tmpl">
{{each Array(count)}}
<img class="card_usage" width="44" height="64" padding="${side_count}" src="${$data.card().image_thumbnail_url()}"/>
{{/each}}
</script>
<script id="card_usage_graphic_extra_template" type="text/x-jquery-tmpl">
{{each Array(count)}}
<img class="card_usage" width="44" height="64" padding="${extra_count}"
src="${$data.card().image_thumbnail_url()}"/>
{{/each}}
</script>
<script id="deck_template" type="text/x-jquery-tmpl">
<fieldset id="deck_main">
<legend id="deck_main_title" class="deck_title main">主卡组
<small>(${main_count}:
{{each category_count}}
<span class="deck_category_count ${$index}">${$value}</span>{{/each}})
</small>
</legend>
<div class="deck_part main">
{{tmpl(main) '#card_usage_' + ($('.operate_area').hasClass('text') ? 'text' : 'graphic_main') +
'_template'}}
</div> </div>
</form> </fieldset>
<!-- 修改 --> <fieldset id="deck_side">
<div class="submenu"> <legend id="deck_side_title" class="deck_title main">副卡组
<div class="floatright submenu_mask"></div> <small>(${side_count})</small>
<div class="submenu_main"> </legend>
<div class="submenu_mainLeft"> <div class="deck_part side">
<div class="submenu_unit">
<label>种类：</label>
<select class="select_half" name="">
<option>(无)</option>
</select>
<select class="select_half" name="">
<option>(无)</option>
<option></option>
</select>
</div>
<div class="submenu_unit">
<label>种类：</label>
<select class="select_full" name="">
<option>(无)</option>
</select>
</div>
<div class="submenu_unit">
<label>种类：</label>
<select class="select_full" name="">
<option>(无)</option>
</select>
</div>
<div class="submenu_unit">
<label>种类：</label>
<input style="width:137px;margin:-2px 0 0 5px;" type="text" name=""/>
</div>
</div>
<div class="submenu_mainRight">
<div class="submenu_unit">
<label>种类：</label>
<select class="select_full" name="">
<option>(无)</option>
</select>
</div>
<div class="submenu_unitLarge">
<label>种类：</label>
<input style="width:83px;margin:-2px 0 0 5px;" type="text" name=""/>
<label style="margin:10px 0 0 0;">种类：</label> {{tmpl(side) '#card_usage_' + ($('.operate_area').hasClass('text') ? 'text' : 'graphic_side') +
<input style="width:83px;margin:10px 0 0 5px;" type="text" name=""/> '_template'}}
</div> </div>
<input type="button" value="效果"/> </fieldset>
<fieldset id="deck_extra">
<legend id="deck_extra_title" class="deck_title main">额外卡组
<small>(${extra_count})</small>
</legend>
<div class="deck_part extra">
<div class="submenu_unit"> {{tmpl(extra) '#card_usage_' + ($('.operate_area').hasClass('text') ? 'text' : 'graphic_extra') +
<label>种类：</label> '_template'}}
<input style="width:137px;margin:-2px 0 0 5px;" type="text" name=""/>
</div>
</div>
</div> </div>
</div> </fieldset>
<!-- 修改 --> </script>
<div class="floatleft search_results">
<span style="color:#3399FF;font-weight:bold;">结果数</span> <script id="search_card_template" type="text/x-jquery-tmpl">
魔法：<span style="color:#FFAD6E;">XXX</span> {{tmpl({test: 'test'}) '#search_card_' + ($('.operate_area').hasClass('text') ? 'text' : 'graphic') + '_template'}}
陷阱：<span style="color:#FFAD6E;">XXX</span> </script>
怪兽：<span style="color:#FFAD6E;">XXX</span> <script id="search_card_text_template" type="text/x-jquery-tmpl">
</div>
</div>
<div class="floatleft main_area">
<table class="press"> <table class="press">
<thead> <thead>
<tr> <tr>
...@@ -307,95 +190,6 @@ ...@@ -307,95 +190,6 @@
<td>暗</td> <td>暗</td>
<td>测试</td> <td>测试</td>
</tr> </tr>
<tr>
<td>黑羽-疾风之</td>
<td>效果·调整</td>
<td>1300</td>
<td>400</td>
<td>3 ☆</td>
<td>暗</td>
<td>测试</td>
</tr>
<tr>
<td>黑羽-疾风之</td>
<td>效果·调整</td>
<td>1300</td>
<td>400</td>
<td>3 ☆</td>
<td>暗</td>
<td>测试</td>
</tr>
<tr>
<td>黑羽-疾风之</td>
<td>效果·调整</td>
<td>1300</td>
<td>400</td>
<td>3 ☆</td>
<td>暗</td>
<td>测试</td>
</tr>
<tr>
<td>黑羽-疾风之</td>
<td>效果·调整</td>
<td>1300</td>
<td>400</td>
<td>3 ☆</td>
<td>暗</td>
<td>测试</td>
</tr>
<tr>
<td>黑羽-疾风之</td>
<td>效果·调整</td>
<td>1300</td>
<td>400</td>
<td>3 ☆</td>
<td>暗</td>
<td>测试</td>
</tr>
<tr>
<td>黑羽-疾风之</td>
<td>效果·调整</td>
<td>1300</td>
<td>400</td>
<td>3 ☆</td>
<td>暗</td>
<td>测试</td>
</tr>
<tr>
<td>黑羽-疾风之</td>
<td>效果·调整</td>
<td>1300</td>
<td>400</td>
<td>3 ☆</td>
<td>暗</td>
</tr>
<tr>
<td>黑羽-疾风之</td>
<td>效果·调整</td>
<td>1300</td>
<td>400</td>
<td>3 ☆</td>
<td>暗</td>
<td>测试</td>
</tr>
<tr>
<td>黑羽-疾风之</td>
<td>效果·调整</td>
<td>1300</td>
<td>400</td>
<td>3 ☆</td>
<td>暗</td>
</tr>
<tr>
<td>黑羽-疾风之</td>
<td>效果·调整</td>
<td>1300</td>
<td>400</td>
<td>3 ☆</td>
<td>暗</td>
<td>测试</td>
</tr>
<tr> <tr>
<td>黑羽-疾风之</td> <td>黑羽-疾风之</td>
<td>效果·调整</td> <td>效果·调整</td>
...@@ -407,48 +201,207 @@ ...@@ -407,48 +201,207 @@
</tr> </tr>
</tbody> </tbody>
</table> </table>
</div> </script>
<div class="floatright page"> <script id="search_card_graphic_template" type="text/x-jquery-tmpl">
<a class="page_home" href=""></a> <div>
<a class="page_pre" href=""></a> <div>
<a class="page_num" href="">9</a> <img src="http://images.my-card.in/thumbnail/2009101.jpg" width="44" height="64"/>
<a class="page_num" href="">10</a> <span>黑羽-疾风之盖尔</span><br/>
<a class="page_num" href="">11</a> <span>暗</span>
<a class="page_next" href=""></a> <span>鸟兽</span>
<a class="page_last" href=""></a> <span>☆ 3</span>
</div> <span>1300</span>/<span>400</span>
<!--{"archetypes":"","card_type":"\u6548\u679c\u602a\u517d","id":2067,"lore":"\u8fd9\u5f20\u5361\u653b\u51fb\u7684\u573a\u5408\uff0c\u5bf9\u65b9\u76f4\u5230\u4f24\u5bb3\u6b65\u9aa4\u7ed3\u675f\u65f6\u4e0d\u80fd\u53d1\u52a8\u9b54\u6cd5\u00b7\u9677\u9631\u5361\u3002\u7528\u4ee5\u4e0b\u7684\u602a\u517d\u4e3a\u796d\u54c1\u4f5c\u796d\u54c1\u53ec\u5524\u7684\u573a\u5408\uff0c\u8fd9\u5f20\u5361\u5f97\u5230\u5404\u81ea\u7684\u6548\u679c\u3002\u25cf\u7eff\u9f7f\u8f6e\uff1a\u8fd9\u5f20\u5361\u653b\u51fb\u5b88\u5907\u8868\u793a\u602a\u517d\u65f6\uff0c\u82e5\u8fd9\u5f20\u5361\u7684\u653b\u51fb\u529b\u8d85\u8fc7\u5b88\u5907\u8868\u793a\u602a\u517d\u7684\u5b88\u5907\u529b\uff0c\u7ed9\u4e88\u5bf9\u65b9\u57fa\u672c\u5206\u90a3\u4e2a\u6570\u503c\u7684\u6218\u6597\u4f24\u5bb3\u3002\u25cf\u7ea2\u9f7f\u8f6e\uff1a\u7ed9\u4e88\u5bf9\u65b9\u73a9\u5bb6\u6218\u6597\u4f24\u5bb3\u65f6\uff0c\u7ed9\u4e88\u5bf9\u65b9\u57fa\u672c\u5206400\u5206\u4f24\u5bb3\u3002\u25cf\u9ec4\u9f7f\u8f6e\uff1a\u6218\u6597\u7834\u574f\u5bf9\u65b9\u602a\u517d\u7684\u573a\u5408\uff0c\u7ed9\u4e88\u5bf9\u65b9\u57fa\u672c\u5206600\u5206\u4f24\u5bb3\u3002","mediums":"OCG\tTCG","monster_atk":3000,"monster_attribute":"\u5730","monster_def":2000,"monster_level":8,"monster_type":null,"name":"\u53e4\u4ee3\u7684\u673a\u68b0\u5de8\u9f99","number":50933533,"stats":"21,26,37","status":3,"tokens":0,"type":"\u673a\u68b0"} -->
</div>
<div class="floatleft operate_area graphic">
<div class="select_card">
<div class="select_cardOn">
<select name="">
<option id="name" value="">卡组</option>
</select>
<img class="add_ope" src="/assets/images/decks/add.png" alt="" title="新建"/>
<img class="rename_ope" src="/assets/images/decks/rename.png" alt="" title="重命名"/>
</div> </div>
<div class="select_cardUnder"> <div>
<div class="donwload_out" title="上传"> <img src="http://images.my-card.in/thumbnail/2009101.jpg" width="44" height="64"/>
<div class="upload_inner" > <span>黑羽-疾风之盖尔</span><br/>
<input id="deck_load" type="file" tabindex="-1"/> <span>暗</span>
</div> <span>鸟兽</span>
<span>☆ 3</span>
<span>1300</span>/<span>400</span>
</div>
</div>
</script>
</head>
<body>
<!--[if lt IE 10]>
<p class="chromeframe">You are using an <strong>outdated</strong> browser. Please <a href="http://browsehappy.com/">upgrade
your browser</a> or <a href="http://www.google.com/chromeframe/?redirect=true">activate Google Chrome Frame</a> to
improve your experience.</p>
<![endif]-->
<div class="main_div line">
<div id="card" class="main_left floatleft line">
<div class="card_name">Mycard 卡组编辑器</div>
<div class="card_img line floatleft">
<img height="187px" width="130px" src="/assets/images/decks/card.jpg" alt="card_name"/>
</div>
<div class="card_info floatleft">
<div class="attr_real floatleft">(」・ω・)」</div>
<div class="attr_name floatleft">呜！</div>
<div class="attr_real floatleft">(／・ω・)／</div>
<div class="attr_name floatleft">喵！</div>
<div class="attr_real floatleft">(」・ω・)」</div>
<div class="attr_name floatleft">呜！</div>
<div class="attr_real floatleft">(／・ω・)／</div>
<div class="attr_name floatleft">喵！</div>
<div class="attr_name floatleft"></div>
<div class="attr_real floatleft">世界已完蛋</div>
</div>
<div class="card_frame floatleft">
<div class="card_description floatleft frame_element card_frame_focus">
<div>
这是一个卡组编辑/分享系统<br/>
this is a deck editing & sharing system<br/>
</div>
</div> </div>
<div class="donwload_out" title="分享" id="deck_share"> <div class="card_adjustment floatleft frame_element">
<div class="download_inner"></div> <ruby>数据来源
<rt>Database</rt>
</ruby>
: <a href="https://github.com/Fluorohydride/ygopro/">Ygopro</a><br/>
<ruby>许可协议
<rt>License</rt>
</ruby>
: <a href="http://www.gnu.org/licenses/gpl.html">GPLv3 or later</a><br/>
<ruby>项目主页
<rt>Github</rt>
</ruby>
: <a href="https://github.com/zh99998/mycard">github.com/zh99998/mycard</a><br/>
<ruby>开发成员
<rt>Authors</rt>
</ruby>
: <a href="https://plus.google.com/101873829070855379840">zh99998</a>&lt;<a
href="mailto:zh99998@gmail.com">zh99998@gmail.com</a>&gt;<br/>
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <a
href="https://plus.google.com/u/0/102725466404235496819">Mesiade</a>&lt;<a
href="mailto:Mesiade746@hotmail.com">Mesiade746@hotmail.com</a>&gt;
</div> </div>
<!-- <img class="donwload_ope" src="/assets/images/decks/download.png" alt="" title="上传" /> --> </div>
<a href="#" id="deck_url_ydk"><img class="save_ope" src="/assets/images/decks/save.png" alt="" title="保存"/></a> <div class="floatleft bottom_area">
<div class="bottom_button_active floatleft">简介</div>
<div class="bottom_button floatleft">关于</div>
</div> </div>
</div> </div>
<div class="main_right floatleft line">
<div class="floatleft search_data graphic">
<div class="floatleft search_bar">
<form id="search">
<div class="floatleft search_frame">
<input type="text" name="" class="search_input floatleft" value=""/>
<input type="submit" class="serach_button" value=""/>
</div>
<div class="floatright advanced_search_father">
<div class="advanced_search" onclick="showMe(this,'submenu');">高级搜索</div>
</div>
</form>
<!-- 修改 -->
<div class="submenu">
<div class="floatright submenu_mask"></div>
<div class="submenu_main">
<div class="submenu_mainLeft">
<div class="submenu_unit">
<label>种类：</label>
<select class="select_half" name="">
<option>(无)</option>
</select>
<select class="select_half" name="">
<option>(无)</option>
<option></option>
</select>
</div>
<div class="submenu_unit">
<label>种类：</label>
<select class="select_full" name="">
<option>(无)</option>
</select>
</div>
<div class="submenu_unit">
<label>种类：</label>
<select class="select_full" name="">
<option>(无)</option>
</select>
</div>
<div class="submenu_unit">
<label>种类：</label>
<input style="width:137px;margin:-2px 0 0 5px;" type="text" name=""/>
</div>
</div>
<div class="submenu_mainRight">
<div class="submenu_unit">
<label>种类：</label>
<select class="select_full" name="">
<option>(无)</option>
</select>
</div>
<div class="submenu_unitLarge">
<label>种类：</label>
<input style="width:83px;margin:-2px 0 0 5px;" type="text" name=""/>
<label style="margin:10px 0 0 0;">种类：</label>
<input style="width:83px;margin:10px 0 0 5px;" type="text" name=""/>
</div>
<input type="button" value="效果"/>
<div class="submenu_unit">
<label>种类：</label>
<input style="width:137px;margin:-2px 0 0 5px;" type="text" name=""/>
</div>
</div>
</div>
</div>
<!-- 修改 -->
<div class="floatleft search_results">
<span style="color:#3399FF;font-weight:bold;">结果数</span>
魔法：<span style="color:#FFAD6E;">XXX</span>
陷阱：<span style="color:#FFAD6E;">XXX</span>
怪兽：<span style="color:#FFAD6E;">XXX</span>
</div>
</div>
<div class="floatleft main_area" id="search_card"></div>
<div class="floatright page">
<a class="page_home" href=""></a>
<a class="page_pre" href=""></a>
<a class="page_num" href="">9</a>
<a class="page_num" href="">10</a>
<a class="page_num" href="">11</a>
<a class="page_next" href=""></a>
<a class="page_last" href=""></a>
</div>
<!--{"archetypes":"","card_type":"\u6548\u679c\u602a\u517d","id":2067,"lore":"\u8fd9\u5f20\u5361\u653b\u51fb\u7684\u573a\u5408\uff0c\u5bf9\u65b9\u76f4\u5230\u4f24\u5bb3\u6b65\u9aa4\u7ed3\u675f\u65f6\u4e0d\u80fd\u53d1\u52a8\u9b54\u6cd5\u00b7\u9677\u9631\u5361\u3002\u7528\u4ee5\u4e0b\u7684\u602a\u517d\u4e3a\u796d\u54c1\u4f5c\u796d\u54c1\u53ec\u5524\u7684\u573a\u5408\uff0c\u8fd9\u5f20\u5361\u5f97\u5230\u5404\u81ea\u7684\u6548\u679c\u3002\u25cf\u7eff\u9f7f\u8f6e\uff1a\u8fd9\u5f20\u5361\u653b\u51fb\u5b88\u5907\u8868\u793a\u602a\u517d\u65f6\uff0c\u82e5\u8fd9\u5f20\u5361\u7684\u653b\u51fb\u529b\u8d85\u8fc7\u5b88\u5907\u8868\u793a\u602a\u517d\u7684\u5b88\u5907\u529b\uff0c\u7ed9\u4e88\u5bf9\u65b9\u57fa\u672c\u5206\u90a3\u4e2a\u6570\u503c\u7684\u6218\u6597\u4f24\u5bb3\u3002\u25cf\u7ea2\u9f7f\u8f6e\uff1a\u7ed9\u4e88\u5bf9\u65b9\u73a9\u5bb6\u6218\u6597\u4f24\u5bb3\u65f6\uff0c\u7ed9\u4e88\u5bf9\u65b9\u57fa\u672c\u5206400\u5206\u4f24\u5bb3\u3002\u25cf\u9ec4\u9f7f\u8f6e\uff1a\u6218\u6597\u7834\u574f\u5bf9\u65b9\u602a\u517d\u7684\u573a\u5408\uff0c\u7ed9\u4e88\u5bf9\u65b9\u57fa\u672c\u5206600\u5206\u4f24\u5bb3\u3002","mediums":"OCG\tTCG","monster_atk":3000,"monster_attribute":"\u5730","monster_def":2000,"monster_level":8,"monster_type":null,"name":"\u53e4\u4ee3\u7684\u673a\u68b0\u5de8\u9f99","number":50933533,"stats":"21,26,37","status":3,"tokens":0,"type":"\u673a\u68b0"} -->
</div>
<div id="deck" class="card_group"> <div class="floatleft operate_area graphic">
<p>Loading...</p> <div class="select_card">
<div class="select_cardOn">
<select name="">
<option id="name" value="">卡组</option>
</select>
<img class="add_ope" src="/assets/images/decks/add.png" alt="" title="新建"/>
<img class="rename_ope" src="/assets/images/decks/rename.png" alt="" title="重命名"/>
</div>
<div class="select_cardUnder">
<div class="donwload_out" title="上传">
<div class="upload_inner">
<input id="deck_load" type="file" tabindex="-1"/>
</div>
</div>
<div class="donwload_out" title="分享" id="deck_share">
<div class="download_inner"></div>
</div>
<!-- <img class="donwload_ope" src="/assets/images/decks/download.png" alt="" title="上传" /> -->
<a href="#" id="deck_url_ydk"><img class="save_ope" src="/assets/images/decks/save.png" alt=""
title="保存"/></a>
</div>
</div>
<div id="deck" class="card_group">
<p>Loading...</p>
</div>
</div>
</div> </div>
</div> </div>
</div>
</div>
<div id="deck_share_dialog" title="share"> <div id="deck_share_dialog" title="share">
<fieldset> <fieldset>
<legend>URL</legend> <legend>URL</legend>
......
index.html
View file @ 96bd98e5
...@@ -72,7 +72,6 @@ ...@@ -72,7 +72,6 @@
var menu = new menu.dd("menu"); var menu = new menu.dd("menu");
menu.init("menu", "menuhover"); menu.init("menu", "menuhover");
</script> </script>
</nav> </nav>
</header> </header>
<div id="main"> <div id="main">
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment