flea_class.html 16 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301
  1. {extend name="default/base/base_home" /}
  2. {block name="mall_main"}
  3. <script src="{$Think.PLUGINS_SITE_ROOT}/jquery.SuperSlide.2.1.1.js"></script>
  4. <script type="text/javascript" src="{$Think.PLUGINS_SITE_ROOT}/js/dialog/dialog.js" id="dialog_js" charset="utf-8"></script>
  5. <script type="text/javascript" src="{$Think.HOME_SITE_ROOT}/js/flea/jquery.flea_list.js"></script>
  6. <link href="{$Think.HOME_SITE_ROOT}/css/flea.css" rel="stylesheet" type="text/css">
  7. <script>
  8. $(function(){
  9. $('*[ds_type="dialog"]').click(function(){
  10. var id = $(this).attr('dialog_id');
  11. var title = $(this).attr('dialog_title') ? $(this).attr('dialog_title') : '';
  12. var url = $(this).attr('uri');
  13. var width = $(this).attr('dialog_width');
  14. CUR_DIALOG = ajax_form(id, title, url, width,0);
  15. return false;
  16. });
  17. })
  18. </script>
  19. <div class="content" style=" margin-top:10px;">
  20. <!--检索表单 -->
  21. <form id="condition" method="GET" action="{:url('Index')}">
  22. {if $condition_out!=""}
  23. {foreach name="condition_out" item="val" key="key" }
  24. {if $val}
  25. <input type="hidden" id="{$key}" name="{$key}" value="{$val}" />
  26. {/if}
  27. {/foreach}
  28. {/if}
  29. </form>
  30. <!--检索表单 -->
  31. <div class="size790 fn-left" style="margin-bottom:20px;">
  32. <div id="flea_keyword">
  33. {if $navigation}
  34. {foreach name="navigation" item="val" key="key" }
  35. <a href="{$key}">{$val}</a>&nbsp;>
  36. {/foreach}
  37. {/if}
  38. {$Think.lang.flea_index_find_goods}({:count($all_num)})
  39. </div>
  40. <div id="cat_select">
  41. <p id="cat_num" style="display:none;">{:count($out_class)}</p>
  42. {notempty name='out_class'}
  43. <ul id="cate" class="cat_list">
  44. {foreach name="out_class" item="val"}
  45. <li class="fn-left">
  46. <a keycate="{$val.fleaclass_id}" class="blue" href="#" title="{$val.fleaclass_name}">{:str_cut($val['fleaclass_name'],13)}</a>
  47. </li>
  48. {/foreach}
  49. </ul>
  50. {/notempty}
  51. <a id="j_moreCat" class="fold blue" href="#">{if (count($out_class)>10)}{$Think.lang.flea_show_more}{/if}</a>
  52. </div>
  53. <div id="filter">
  54. <div class="fill_filter">
  55. <dl >
  56. <dt class="fn-left">{$Think.lang.flea_according_old}</dt>
  57. <dd class="fn-left">
  58. <ul id="quality">
  59. <li class="fn-left {empty name='condition_out.quality_input'}current{/empty}">
  60. <a keyquality="" class="blue" href="#">{$Think.lang.flea_index_unlimit}</a>
  61. </li>
  62. <li><a keyquality="10" class="blue" href="#">{$Think.lang.flea_index_new}</a></li>
  63. <li><a keyquality="9" class="blue" href="#">{$Think.lang.flea_index_almost_new}</a></li>
  64. <li><a keyquality="8" class="blue" href="#">{$Think.lang.flea_index_gently_used}</a></li>
  65. <li><a keyquality="7" class="blue" href="#">{$Think.lang.flea_index_old}</a></li>
  66. </ul>
  67. </dd>
  68. </dl>
  69. </div>
  70. <div class="fill_filter">
  71. <dl class="city fn-left" >
  72. <dt class="fn-left">{$Think.lang.flea_according_price}</dt>
  73. <dd class="fn-left">
  74. <ul id="price">
  75. <li class="fn-left {empty name='condition_out.price_input'}current{/empty}">
  76. <a keyprice="" class="blue" href="#">{$Think.lang.flea_index_unlimit}</a>
  77. </li>
  78. <li><a keyprice="35" class="blue">20-50{$Think.lang.flea_index_rmb}</a></li>
  79. <li><a keyprice="75" class="blue">50-100{$Think.lang.flea_index_rmb}</a></li>
  80. <li><a keyprice="150" class="blue">100-200{$Think.lang.flea_index_rmb}</a></li>
  81. <li><a keyprice="350" class="blue">200-500{$Think.lang.flea_index_rmb}</a></li>
  82. <li><a keyprice="750" class="blue">500-1000{$Think.lang.flea_index_rmb}</a></li>
  83. <li><a keyprice="1000" class="blue">1000{$Think.lang.flea_index_rmb}{$Think.lang.flea_index_on}</a></li>
  84. </ul>
  85. </dd>
  86. </dl>
  87. </div>
  88. <div class="fill_filter_c">
  89. <dl class="city fn-left">
  90. <dt class="fn-left">{$Think.lang.flea_according_area}</dt>
  91. <dd class="fn-left search_city">
  92. <ul id="area">
  93. <li class="fn-left {empty name='condition_out.area_input'}current{/empty}">
  94. <a keyarea="" class="blue" href="#">{$Think.lang.flea_index_unlimit}</a>
  95. </li>
  96. {if isset($area_main)}
  97. <li>
  98. <a keyarea="{$area_main.fleaarea_id}" class="blue">
  99. {$area_main.fleaarea_name}
  100. </a>
  101. </li>
  102. {/if}
  103. {if $out_area}
  104. {foreach name="out_area" item="val"}
  105. <li>
  106. <a keyarea="{$val.fleaarea_id}" class="blue">
  107. {$val.fleaarea_name}
  108. </a>
  109. </li>
  110. {/foreach}
  111. {/if}
  112. </ul>
  113. </dd>
  114. </dl>
  115. </div>
  116. </div>
  117. <div id="rank">
  118. <div class="rankbar">
  119. <ul class="options fn-left">
  120. <li id="rank_current" class="rank_default fn-left">
  121. <span><a href="#">{$Think.lang.flea_default_sort}</a></span>
  122. </li>
  123. <li id="rank_price" keyrank="{$condition_out.rank_input}" class="rank_default fn-left">
  124. <span>
  125. <a class="{eq name='condition_out.rank_input' value='2'}up{/eq}{eq name='condition_out.rank_input' value='1'}down{/eq}" href="#">
  126. {$Think.lang.flea_index_price}<i class="fn-right"></i>
  127. </a>
  128. </span>
  129. </li>
  130. <li id="float_price" class="rank_price_range fn-left">
  131. <input type="text" size="2" value="{$condition_out.start_input}"/>
  132. <span>-</span>
  133. <input type="text" size="2" value="{$condition_out.end_input}"/>
  134. </li>
  135. <!--浮动价格搜索-->
  136. <li id="price_form">
  137. <input keystart="" name="start" id="start" type="text" size="2" value="{$condition_out.start_input}" />
  138. <span>-</span>
  139. <input keyend="" name="end" id="end" type="text" size="2" value="{$condition_out.end_input}" />
  140. <a id="price_submit" value=""/>{$Think.lang.flea_index_commit}</a>
  141. </li>
  142. <!--end-->
  143. <li class="chack_box fn-left">
  144. <input id="picc" keypic="" {if $condition_out['pic_input']}checked value=""{else /}value="1"{/if} name="pic_input" type="checkbox" />
  145. <label for="support-img">
  146. <strong>{$Think.lang.flea_look_no_pic}</strong>
  147. </label>
  148. </li>
  149. </ul>
  150. <div class="keywords fn-right">
  151. <div class="key"><input id="key" keykey="" name="key" type="text" value="{$condition_out.key_input}"/></div>
  152. <span><a id="search_key" href="#">{$Think.lang.flea_index_search}</a></span>
  153. </div>
  154. </div>
  155. </div>
  156. <div id="list-content">
  157. <ul id="seller">
  158. {notempty name="listgoods"}
  159. {foreach name="listgoods" item="val"}
  160. <li class="seller_goods fn-left">
  161. <p class="pic fn-left">
  162. <span class="thumb size120">
  163. <i></i>
  164. <a class="user" href="{$Think.HOME_SITE_URL}/Fleagoods/index/?goods_id={$val.goods_id}"><img height="120" width="120" onload="javascript:ResizeImage(this,120,120);" title="{$val.goods_name}" src="{:flea_thumb($val['goods_image'])}"/></a>
  165. </span>
  166. </p>
  167. <div class="seller fn-left">
  168. <div class="pic fn-left">
  169. <span class="thumb size50">
  170. <i></i>
  171. <a href="{$Think.HOME_SITE_URL}/Fleaclass/index/?seller_input={$val['member_info']['member_id']}&pic_input=1"><img src="{:get_member_avatar_for_id($val['member_info']['member_id'])}" width="50px" height="50px"/></a>
  172. </span>
  173. </div>
  174. <div class="seller_num">
  175. <p class="seller_name">
  176. <a class="blue" href="{$Think.HOME_SITE_URL}/Fleaclass/index/?seller_input={$val['member_info']['member_id']}">
  177. {$val['member_info']['member_name']}
  178. </a>
  179. </p>
  180. <p class="gray">{if $val['member_info']['member_qq']}QQ:<span>{$val['member_info']['member_qq']}</span>{/if}</p>
  181. {$Think.lang.flea_index_goods}
  182. <a href="{$Think.HOME_SITE_URL}/Fleaclass/index/?seller_input={$val['member_info']['member_id']}" class="orange">{$val.member_info.num}</a>
  183. {$Think.lang.flea_index_a}
  184. </div>
  185. </div>
  186. <div class="list fn-left">
  187. <h2>
  188. <a href="{$Think.HOME_SITE_URL}/Fleagoods/index/?goods_id={$val.goods_id}" title="{$val.goods_name}">
  189. {$Think.lang.flea_index_goods_1}{$val.quality}{$Think.lang.flea_index_goods_2}{:str_replace($condition_out['key_input'],"<font color='red'>".$condition_out['key_input']."</font>",str_cut($val['goods_name'],42))}
  190. </a>
  191. </h2>
  192. <p class="details"><strong><span style="font-size:12px;">{$Think.lang.currency}</span>{$val.goods_store_price}</strong></p>
  193. <p class="list_content gray">
  194. {if ($val['explain'])}{:str_cut($val['explain'],140)}{else/}{$Think.lang.flea_no_explain}{/if}
  195. </p>
  196. <p>
  197. <span class="gray fn-left">{$val.time}{$Think.lang.flea_index_front}</span>
  198. <span class="scan gray fn-right"><em class="blue2">{$val.flea_collect_num}</em>{$Think.lang.flea_goods_collect}</span>
  199. <span class="scan gray fn-right"><em class="blue2">{$val.flea_commentnum}</em>{$Think.lang.flea_goods_msg}</span>
  200. <span class="scan gray fn-right"><em class="blue2">{$val.goods_click}</em>{$Think.lang.flea_goods_view}</span>
  201. </p>
  202. </div>
  203. </li>
  204. {/foreach}
  205. </ul>
  206. <div class="pagination">{$show_page|raw}</div>
  207. {else/}
  208. <strong class="nonegoods">
  209. <h3>{$Think.lang.flea_no_finds}</h3>
  210. <dl>
  211. <dt>{$Think.lang.fela_suggest_str}</dt>
  212. <dd>{$Think.lang.fela_suggest_str1}</dd>
  213. <dd>{$Think.lang.fela_suggest_str2}</dd>
  214. </dl>
  215. </strong>
  216. {/notempty}
  217. </div>
  218. </div>
  219. <div class="size200 fn-right">
  220. <a class="sell_btn2" href="{$Think.HOME_SITE_URL}/Memberflea/add_goods">{$Think.lang.flea_want_to}<strong>{$Think.lang.flea_sell}</strong>{$Think.lang.flea_idle}</a>
  221. <div class="sell_now">
  222. <h2 class="sell_title">
  223. <span class="head_title_red">{$Think.lang.flea_are_sold}...</span>
  224. </h2>
  225. <div class="slider">
  226. <div id="slider">
  227. <ul>
  228. {if $pre_sale}
  229. {foreach name="pre_sale" item="val"}
  230. <li class="sell_one">
  231. <div class='clearfix'>
  232. <p class="pic1">
  233. <span class="thumb size20">
  234. <i></i>
  235. <a href="{$Think.HOME_SITE_URL}/Fleaclass/index/?seller_input={$val.member_id}">
  236. <img src="{:get_member_avatar_for_id($val['member_id'])}" width="25px" height="25px"/>
  237. </a>
  238. </span>
  239. </p>
  240. <span class="user_name fn-left">
  241. <a class="blue2" href="{$Think.HOME_SITE_URL}/Fleaclass/index/?seller_input={$val.member_id}">
  242. {$val.member_name}
  243. </a>
  244. </span>
  245. {$Think.lang.flea_saling}
  246. </div>
  247. <div class="items_info">
  248. <div class="pic2 fn-left">
  249. <span class="thumb size50">
  250. <a href="{$Think.HOME_SITE_URL}/Fleagoods/index/?goods_id={$val.goods_id}">
  251. <img height="48" width="48" onload="javascript:ResizeImage(this,48,48);" title="{$val.goods_name}" src="{:flea_thumb($val['goods_image'])}" />
  252. </a>
  253. </span>
  254. </div>
  255. <p>{:str_cut($val['goods_name'],40)}</p>
  256. <p>{$Think.lang.flea_transfer_price}<span class="orange">{$Think.lang.currency}{$val.goods_store_price}</span></p>
  257. </div>
  258. </li>
  259. {/foreach}
  260. {/if}
  261. </ul>
  262. </div>
  263. <span id="prevBtn"><a href="javascript:void(0);"></a></span>
  264. <span id="nextBtn"><a href="javascript:void(0);"></a></span>
  265. </div>
  266. </div>
  267. <div class="look_for">
  268. <h2 class="head_title_red">{$Think.lang.flea_preoccupation}...</h2>
  269. <ul>
  270. {if $attention}
  271. {foreach name="attention" item="val"}
  272. <li>
  273. <div class="pic fn-left">
  274. <span class="thumb size60">
  275. <i></i>
  276. <a href="{$Think.HOME_SITE_URL}/Fleagoods/index/?goods_id={$val.goods_id}">
  277. <img height="60" width="60" onload="javascript:ResizeImage(this,60,60);" title="{$val.goods_name}" src="{:flea_thumb($val['goods_image'])}" />
  278. </a>
  279. </span>
  280. </div>
  281. <h3 class="fn-right">
  282. <a href="{$Think.HOME_SITE_URL}/Fleagoods/index/?goods_id={$val.goods_id}" >{:str_cut($val['goods_name'],40)}</a>
  283. </h3>
  284. <p class="price orange fn-right">{$Think.lang.currency}{$val.goods_store_price}</p>
  285. <div class="item-attrs blue2 fn-right">
  286. <span class="item_fav fn-right" title="{$Think.lang.flea_goods_collect}">{$val.flea_collect_num}</span>
  287. <span class="item_click fn-right" title="{$Think.lang.flea_goods_view}">{$val.goods_click}</span>
  288. <span class="item_scan fn-right" title="{$Think.lang.flea_goods_msg}">{$val.flea_commentnum}</span>
  289. </div>
  290. </li>
  291. {/foreach}
  292. {/if}
  293. </ul>
  294. </div>
  295. </div>
  296. </div>
  297. {/block}