open_source projects top box
This commit is contained in:
yanxd
parent
9af808821d
commit
976ecc8c89
|
|
@ -19,6 +19,163 @@
|
||||||
</table>
|
</table>
|
||||||
<% end %>
|
<% end %>
|
||||||
</div>
|
</div>
|
||||||
|
<style type="text/css">
|
||||||
|
.tb-navigation {
|
||||||
|
position: relative;
|
||||||
|
z-index: 400;
|
||||||
|
}
|
||||||
|
blockquote, body, button, code, dd, div, dl, dt, fieldset, form, h1, h2, h3, h4, h5, h6, input, legend, li, ol, p, pre, td, textarea, th, ul {
|
||||||
|
margin: 0;
|
||||||
|
padding: 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
.navigation {
|
||||||
|
color: #666;
|
||||||
|
border: 2px solid #d7d6d6;
|
||||||
|
}
|
||||||
|
|
||||||
|
.nav-switch {
|
||||||
|
position: absolute;
|
||||||
|
top: 0;
|
||||||
|
right: 0;
|
||||||
|
border-width: 14px;
|
||||||
|
border-color: #bdbdbd #bdbdbd transparent transparent;
|
||||||
|
border-style: solid solid dashed dashed;
|
||||||
|
z-index: 10;
|
||||||
|
}
|
||||||
|
|
||||||
|
.navigation .nav-switch-icon {
|
||||||
|
background-position: -266px 3px;
|
||||||
|
}
|
||||||
|
.navigation .icon-search, .navigation .nav-pill-cancle, .navigation .nav-switch-icon, .navigation .nav-topbar .topbar-search .topbar-submit, .navigation .nav-topbar-arror {
|
||||||
|
background: url();
|
||||||
|
}
|
||||||
|
.nav-switch-icon {
|
||||||
|
width: 15px;
|
||||||
|
height: 15px;
|
||||||
|
position: absolute;
|
||||||
|
top: -13px;
|
||||||
|
right: -13px;
|
||||||
|
cursor: pointer;
|
||||||
|
}
|
||||||
|
.nav-topbar, .type-min {
|
||||||
|
position: relative;
|
||||||
|
}
|
||||||
|
.nav-category-group {
|
||||||
|
clear: both;
|
||||||
|
}
|
||||||
|
.nav-topbar {
|
||||||
|
background-color: #f5f4f4;
|
||||||
|
border-bottom: 1px solid #e4e4e4;
|
||||||
|
z-index: 4;
|
||||||
|
}
|
||||||
|
.nav-topbar .nav-topbar-content {
|
||||||
|
line-height: 36px;
|
||||||
|
padding: 0 16px;
|
||||||
|
overflow: hidden;
|
||||||
|
}
|
||||||
|
.nav-topbar-content {
|
||||||
|
margin: 0 4px;
|
||||||
|
white-space: nowrap;
|
||||||
|
}
|
||||||
|
ol, ul {
|
||||||
|
list-style: none;
|
||||||
|
}
|
||||||
|
ul, menu, dir {
|
||||||
|
display: block;
|
||||||
|
list-style-type: disc;
|
||||||
|
-webkit-margin-before: 1em;
|
||||||
|
-webkit-margin-after: 1em;
|
||||||
|
-webkit-margin-start: 0px;
|
||||||
|
-webkit-margin-end: 0px;
|
||||||
|
-webkit-padding-start: 40px;
|
||||||
|
}
|
||||||
|
.nav-topbar .nav-topbar-content {
|
||||||
|
line-height: 36px;
|
||||||
|
}
|
||||||
|
li {
|
||||||
|
margin-right: 7px;
|
||||||
|
float: left;
|
||||||
|
}
|
||||||
|
|
||||||
|
.type-line{
|
||||||
|
overflow: hidden;
|
||||||
|
}
|
||||||
|
.nav-category-group{
|
||||||
|
clear: both;
|
||||||
|
}
|
||||||
|
.type-line .nav-category{
|
||||||
|
clear: both;
|
||||||
|
position: relative;
|
||||||
|
padding: 0 100px 0 107px;
|
||||||
|
height: 20px;
|
||||||
|
overflow: hidden;
|
||||||
|
margin-top: 11px;
|
||||||
|
margin-bottom: 11px;
|
||||||
|
}
|
||||||
|
.nav-category h4{
|
||||||
|
position: absolute;
|
||||||
|
color: #666;
|
||||||
|
font-weight: 400;
|
||||||
|
left: 22px;
|
||||||
|
top: 0;
|
||||||
|
overflow: hidden;
|
||||||
|
max-width: 68px;
|
||||||
|
white-space: nowrap;
|
||||||
|
text-overflow: ellipsis;
|
||||||
|
padding-right: 5px;
|
||||||
|
text-align: left;
|
||||||
|
}
|
||||||
|
</style>
|
||||||
|
<%#======================================================================box before%>
|
||||||
|
<div class="tb-navigation" data-spm="a230r.1.3">
|
||||||
|
<div class="navigation">
|
||||||
|
<div class="nav-switch">
|
||||||
|
<a href="javascript:(function (){$('.nav-content').toggle();})();">
|
||||||
|
<div class="nav-switch-icon J_Switch" trace="navHideButton" title="收起导航">
|
||||||
|
</div>
|
||||||
|
</a>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="nav-container">
|
||||||
|
<div class="nav-topbar nav-category-group" data-group="nav-topbar">
|
||||||
|
<div class="nav-topbar-content">
|
||||||
|
<ul>
|
||||||
|
<li class="has-arrow">所有分类<span class="nav-topbar-arror"></span>
|
||||||
|
</li>
|
||||||
|
<li>
|
||||||
|
<span class="topbar-search J_TopbarSearch">
|
||||||
|
<input class="search-input input-placeholder" _default="该条件下查找" placeholder="该条件下查找" accesskey="s">
|
||||||
|
<span class="topbar-submit"></span>
|
||||||
|
</span>
|
||||||
|
</li>
|
||||||
|
<li>共 <span class="h">1.61万</span> 件宝贝</li>
|
||||||
|
<li class="related-count"><a href="/search?q=iphone&app=vproduct&vlist=1&from_combo=true">8款相关产品</a></li>
|
||||||
|
</ul>
|
||||||
|
</div>
|
||||||
|
<div class="nav-category-panel"></div>
|
||||||
|
</div>
|
||||||
|
<div class="nav-content">
|
||||||
|
<!-- 推荐属性-->
|
||||||
|
<div class="nav-category-group type-line" data-group="type-line">
|
||||||
|
<div class="nav-category ">
|
||||||
|
<h4 title="网络类型">网络类型<span>：</span></h4>
|
||||||
|
<a href="javascript:void(0)" class="nav-more J_More show">更多
|
||||||
|
<span class="arrow arrow-bottom"></span>
|
||||||
|
</a>
|
||||||
|
</div>
|
||||||
|
<div class="nav-category ">
|
||||||
|
<h4 title="网络类型">网络类型<span>：</span></h4>
|
||||||
|
<a href="javascript:void(0)" class="nav-more J_More show">更多
|
||||||
|
<span class="arrow arrow-bottom"></span>
|
||||||
|
</a>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<%#======================================================================box after%>
|
||||||
|
|
||||||
<div id="projects-index">
|
<div id="projects-index">
|
||||||
|
|
||||||
|
|
|
||||||
Loading…
Reference in New Issue