项目主页改版
This commit is contained in:
caishi
parent
fca15b9d52
commit
0dcc931aee
|
|
@ -0,0 +1,120 @@
|
|||
|
||||
<p class="t_project_banner"></p>
|
||||
<div class="middlePanel">
|
||||
<div class="clearfix mt15 mb15">
|
||||
<div class="t_search">
|
||||
<input type="text" placeholder="请输入您要搜索的内容" />
|
||||
<a href="javascript:void(0)">搜索</a>
|
||||
</div>
|
||||
<span class="fr">
|
||||
<a href="javascript:void(0)" class="btn_big_default mr30">+加入项目</a>
|
||||
<a href="javascript:void(0)" class="btn_big_default btn_big_blue">+新建项目</a>
|
||||
</span>
|
||||
</div>
|
||||
<div class="df mb20">
|
||||
<div class="pagePanel_left">
|
||||
<div class="l_project_status mb15">
|
||||
<li class="active">
|
||||
<a href="javascript:void(0)" class="clearfix">
|
||||
<span class="fl">全部</span>
|
||||
<span class="fr">78</span>
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="javascript:void(0)" class="clearfix">
|
||||
<span class="fl">公开</span>
|
||||
<span class="fr">78</span>
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="javascript:void(0)" class="clearfix">
|
||||
<span class="fl">私有</span>
|
||||
<span class="fr">78</span>
|
||||
</a>
|
||||
</li>
|
||||
</div>
|
||||
<div class="l_project_type">
|
||||
<li class="clearfix active">
|
||||
<span class="fl">visual</span>
|
||||
<span class="fr">29</span>
|
||||
</li>
|
||||
<li class="clearfix">
|
||||
<span class="fl">javascript</span>
|
||||
<span class="fr">29</span>
|
||||
</li>
|
||||
<li class="clearfix">
|
||||
<span class="fl">python</span>
|
||||
<span class="fr">29</span>
|
||||
</li>
|
||||
</div>
|
||||
</div>
|
||||
<div class="pagePanel_right">
|
||||
<div class="clearfix r_list_search">
|
||||
<span class="fl r_list_action">
|
||||
<a href="javascript:void(0)" class="active">最新</a>
|
||||
<a href="javascript:void(0)">最热</a>
|
||||
</span>
|
||||
<p class="ml30 fl c_grey02 mt8">共<span class="c_blue">291</span>个项目结果</p>
|
||||
</div>
|
||||
<ul class="p_list_ul">
|
||||
<li>
|
||||
<img src="https://ss0.bdstatic.com/70cFuHSh_Q1YnxGkpoWK1HF6hhy/it/u=3276179142,1686381254&fm=26&gp=0.jpg" class="r_list_img" />
|
||||
<div>
|
||||
<p class="lh25 mb10 clearfix">
|
||||
<span class="mr20 f16 color-grey3">阿黄</span>
|
||||
<span class="fontGrey4 f12">1个月前</span>
|
||||
<span class="fr">
|
||||
<span class="mr30 fontGrey4 fl mt7">浏览量：7211</span>
|
||||
<span class="typeTag">Pyhon</span>
|
||||
</span>
|
||||
</p>
|
||||
<p class="c_grey02 f14">更新了issue: 首次创建实训后没有默认脚本</p>
|
||||
</div>
|
||||
</li>
|
||||
<li>
|
||||
<img src="https://ss0.bdstatic.com/70cFuHSh_Q1YnxGkpoWK1HF6hhy/it/u=3276179142,1686381254&fm=26&gp=0.jpg" class="r_list_img" />
|
||||
<div>
|
||||
<p class="lh25 mb10 clearfix">
|
||||
<span class="mr20 f16 color-grey3">阿黄</span>
|
||||
<span class="fontGrey4 f12">1个月前</span>
|
||||
<span class="fr">
|
||||
<span class="mr30 fontGrey4 fl mt7">浏览量：7211</span>
|
||||
<span class="typeTag">Pyhon</span>
|
||||
</span>
|
||||
</p>
|
||||
<p class="c_grey02 f14">更新了issue: 首次创建实训后没有默认脚本</p>
|
||||
</div>
|
||||
</li>
|
||||
<li>
|
||||
<img src="https://ss0.bdstatic.com/70cFuHSh_Q1YnxGkpoWK1HF6hhy/it/u=3276179142,1686381254&fm=26&gp=0.jpg" class="r_list_img" />
|
||||
<div>
|
||||
<p class="lh25 mb10 clearfix">
|
||||
<span class="mr20 f16 color-grey3">阿黄</span>
|
||||
<span class="fontGrey4 f12">1个月前</span>
|
||||
<span class="fr">
|
||||
<span class="mr30 fontGrey4 fl mt7">浏览量：7211</span>
|
||||
<span class="typeTag">Pyhon</span>
|
||||
</span>
|
||||
</p>
|
||||
<p class="c_grey02 f14">更新了issue: 首次创建实训后没有默认脚本</p>
|
||||
</div>
|
||||
</li>
|
||||
<li>
|
||||
<img src="https://ss0.bdstatic.com/70cFuHSh_Q1YnxGkpoWK1HF6hhy/it/u=3276179142,1686381254&fm=26&gp=0.jpg" class="r_list_img" />
|
||||
<div>
|
||||
<p class="lh25 mb10 clearfix">
|
||||
<span class="mr20 f16 color-grey3">阿黄</span>
|
||||
<span class="fontGrey4 f12">1个月前</span>
|
||||
<span class="fr">
|
||||
<span class="mr30 fontGrey4 fl mt7">浏览量：7211</span>
|
||||
<span class="typeTag">Pyhon</span>
|
||||
</span>
|
||||
</p>
|
||||
<p class="c_grey02 f14">更新了issue: 首次创建实训后没有默认脚本</p>
|
||||
</div>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
|
@ -39,41 +39,43 @@
|
|||
</div>
|
||||
</div>
|
||||
<div class="fl pagePanel_right">
|
||||
<li>
|
||||
<img src="https://ss0.bdstatic.com/70cFuHSh_Q1YnxGkpoWK1HF6hhy/it/u=3276179142,1686381254&fm=26&gp=0.jpg" class="r_list_img" />
|
||||
<div>
|
||||
<p class="lh25 mb10"><span class="mr20 f16 color-grey3">阿黄</span><span class="fontGrey4 f12">1个月前</span></p>
|
||||
<p class="c_grey02 f14">更新了issue: 首次创建实训后没有默认脚本</p>
|
||||
</div>
|
||||
</li>
|
||||
<li>
|
||||
<img src="https://ss0.bdstatic.com/70cFuHSh_Q1YnxGkpoWK1HF6hhy/it/u=3276179142,1686381254&fm=26&gp=0.jpg" class="r_list_img" />
|
||||
<div>
|
||||
<p class="lh25 mb10"><span class="mr20 f16 color-grey3">阿黄</span><span class="fontGrey4 f12">1个月前</span></p>
|
||||
<p class="c_grey02 f14">更新了issue: 首次创建实训后没有默认脚本</p>
|
||||
</div>
|
||||
</li>
|
||||
<li>
|
||||
<img src="https://ss0.bdstatic.com/70cFuHSh_Q1YnxGkpoWK1HF6hhy/it/u=3276179142,1686381254&fm=26&gp=0.jpg" class="r_list_img" />
|
||||
<div>
|
||||
<p class="lh25 mb10"><span class="mr20 f16 color-grey3">阿黄</span><span class="fontGrey4 f12">1个月前</span></p>
|
||||
<p class="c_grey02 f14">更新了issue: 首次创建实训后没有默认脚本</p>
|
||||
</div>
|
||||
</li>
|
||||
<li>
|
||||
<img src="https://ss0.bdstatic.com/70cFuHSh_Q1YnxGkpoWK1HF6hhy/it/u=3276179142,1686381254&fm=26&gp=0.jpg" class="r_list_img" />
|
||||
<div>
|
||||
<p class="lh25 mb10"><span class="mr20 f16 color-grey3">阿黄</span><span class="fontGrey4 f12">1个月前</span></p>
|
||||
<p class="c_grey02 f14">更新了issue: 首次创建实训后没有默认脚本</p>
|
||||
</div>
|
||||
</li>
|
||||
<li>
|
||||
<img src="https://ss0.bdstatic.com/70cFuHSh_Q1YnxGkpoWK1HF6hhy/it/u=3276179142,1686381254&fm=26&gp=0.jpg" class="r_list_img" />
|
||||
<div>
|
||||
<p class="lh25 mb10"><span class="mr20 f16 color-grey3">阿黄</span><span class="fontGrey4 f12">1个月前</span></p>
|
||||
<p class="c_grey02 f14">更新了issue: 首次创建实训后没有默认脚本</p>
|
||||
</div>
|
||||
</li>
|
||||
<ul class="p_list_ul">
|
||||
<li>
|
||||
<img src="https://ss0.bdstatic.com/70cFuHSh_Q1YnxGkpoWK1HF6hhy/it/u=3276179142,1686381254&fm=26&gp=0.jpg" class="r_list_img" />
|
||||
<div>
|
||||
<p class="lh25 mb10"><span class="mr20 f16 color-grey3">阿黄</span><span class="fontGrey4 f12">1个月前</span></p>
|
||||
<p class="c_grey02 f14">更新了issue: 首次创建实训后没有默认脚本</p>
|
||||
</div>
|
||||
</li>
|
||||
<li>
|
||||
<img src="https://ss0.bdstatic.com/70cFuHSh_Q1YnxGkpoWK1HF6hhy/it/u=3276179142,1686381254&fm=26&gp=0.jpg" class="r_list_img" />
|
||||
<div>
|
||||
<p class="lh25 mb10"><span class="mr20 f16 color-grey3">阿黄</span><span class="fontGrey4 f12">1个月前</span></p>
|
||||
<p class="c_grey02 f14">更新了issue: 首次创建实训后没有默认脚本</p>
|
||||
</div>
|
||||
</li>
|
||||
<li>
|
||||
<img src="https://ss0.bdstatic.com/70cFuHSh_Q1YnxGkpoWK1HF6hhy/it/u=3276179142,1686381254&fm=26&gp=0.jpg" class="r_list_img" />
|
||||
<div>
|
||||
<p class="lh25 mb10"><span class="mr20 f16 color-grey3">阿黄</span><span class="fontGrey4 f12">1个月前</span></p>
|
||||
<p class="c_grey02 f14">更新了issue: 首次创建实训后没有默认脚本</p>
|
||||
</div>
|
||||
</li>
|
||||
<li>
|
||||
<img src="https://ss0.bdstatic.com/70cFuHSh_Q1YnxGkpoWK1HF6hhy/it/u=3276179142,1686381254&fm=26&gp=0.jpg" class="r_list_img" />
|
||||
<div>
|
||||
<p class="lh25 mb10"><span class="mr20 f16 color-grey3">阿黄</span><span class="fontGrey4 f12">1个月前</span></p>
|
||||
<p class="c_grey02 f14">更新了issue: 首次创建实训后没有默认脚本</p>
|
||||
</div>
|
||||
</li>
|
||||
<li>
|
||||
<img src="https://ss0.bdstatic.com/70cFuHSh_Q1YnxGkpoWK1HF6hhy/it/u=3276179142,1686381254&fm=26&gp=0.jpg" class="r_list_img" />
|
||||
<div>
|
||||
<p class="lh25 mb10"><span class="mr20 f16 color-grey3">阿黄</span><span class="fontGrey4 f12">1个月前</span></p>
|
||||
<p class="c_grey02 f14">更新了issue: 首次创建实训后没有默认脚本</p>
|
||||
</div>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
|
|
|||
|
|
@ -1,7 +1,7 @@
|
|||
<script src="/javascripts/i18n/jquery.ui.datepicker-zh-CN.js" type="text/javascript"></script>
|
||||
<input type="hidden" value="<%= @type%>" name="type" id="user_activities_type">
|
||||
<div class="homepageRightBanner">
|
||||
<div class="NewsBannerName">最新动态</div>
|
||||
<div class="NewsBannerName">最新动态1</div>
|
||||
<ul class="resourcesSelect">
|
||||
<li class="resourcesSelected"><a href="javascript:void(0);" class="resourcesIcon"></a>
|
||||
<ul class="homepagePostType" style="margin-left:95px; width:80px" >
|
||||
|
|
@ -35,4 +35,4 @@
|
|||
<div class="mb10">
|
||||
<%= render :partial => 'users/no_data' %>
|
||||
</div>
|
||||
<% end %>
|
||||
<% end %>
|
||||
Binary file not shown.
|
After Width: | Height: | Size: 24 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 24 KiB |
|
|
@ -708,6 +708,23 @@ a.user_editinfo{border-top:1px solid #e5e5e5; height:30px; line-height:30px; tex
|
|||
|
||||
|
||||
.middlePanel{width: 1200px;margin:0px auto;}
|
||||
.btn_big_default{
|
||||
width: 100px;
|
||||
height: 40px;
|
||||
line-height: 40px;
|
||||
text-align: center;
|
||||
border:1px solid rgba(211,211,211,1);
|
||||
background: #fff;
|
||||
color: #666!important;
|
||||
font-size:16px;
|
||||
float: left;
|
||||
display: block;
|
||||
}
|
||||
.btn_big_blue{
|
||||
background: #5091FF;
|
||||
boder:1px solid #5091FF;
|
||||
color: #fff!important;
|
||||
}
|
||||
/*-----------个人主页新版-cs-20191015*/
|
||||
.pagePanel_left{
|
||||
width: 25%;
|
||||
|
|
@ -829,9 +846,11 @@ a.user_editinfo{border-top:1px solid #e5e5e5; height:30px; line-height:30px; tex
|
|||
.pagePanel_right{
|
||||
background:rgba(255,255,255,1);
|
||||
box-shadow:3px 3px 6px 0px rgba(0,0,0,0.05);
|
||||
}
|
||||
.pagePanel_right .p_list_ul{
|
||||
padding:0px 30px;
|
||||
}
|
||||
.pagePanel_right li{
|
||||
.pagePanel_right .p_list_ul > li{
|
||||
display: flex;
|
||||
padding:15px 0px;
|
||||
border-bottom: 1px solid rgba(0,0,0,0.05);
|
||||
|
|
@ -849,6 +868,104 @@ a.user_editinfo{border-top:1px solid #e5e5e5; height:30px; line-height:30px; tex
|
|||
flex: 1;
|
||||
}
|
||||
|
||||
/*---------------------------------------项目主页改版-cs--20191016*/
|
||||
.t_project_banner{
|
||||
background: url("/images/project.jpg") no-repeat top center;
|
||||
height: 192px;
|
||||
}
|
||||
.t_search{
|
||||
display: flex;
|
||||
}
|
||||
.t_search{
|
||||
float: left;
|
||||
}
|
||||
.t_search > input{
|
||||
height: 40px;
|
||||
line-height: 40px;
|
||||
padding:0px 0px 0px 20px;
|
||||
width: 390px;
|
||||
border:1px solid #D3D3D3;
|
||||
font-size: 14px;
|
||||
outline: none;
|
||||
}
|
||||
.t_search > a{
|
||||
display: block;
|
||||
width: 75px;
|
||||
height: 40px;
|
||||
line-height: 40px;
|
||||
text-align: center;
|
||||
background: #5091FF;
|
||||
color: #fff;
|
||||
font-size: 16px;
|
||||
border:1px solid #5091ff;
|
||||
}
|
||||
.l_project_status,.l_project_type{
|
||||
background: #fff;
|
||||
border:1px solid rgba(214,214,214,1);
|
||||
}
|
||||
.l_project_status li,.l_project_type li{
|
||||
height: 60px;
|
||||
line-height: 60px;
|
||||
position: relative;
|
||||
font-size: 16px;
|
||||
padding:0px 30px;
|
||||
box-sizing: border-box;
|
||||
}
|
||||
.l_project_status li.active{
|
||||
color: #317DFF;
|
||||
background:rgba(247,248,249,1);
|
||||
position:relative;
|
||||
}
|
||||
.l_project_status li.active:before{
|
||||
content: '';
|
||||
width: 4px;
|
||||
background: #317DFF;
|
||||
height: 30px;
|
||||
position: absolute;
|
||||
left: 0px;
|
||||
top:15px;
|
||||
}
|
||||
.l_project_status li.active > a span{
|
||||
color:#317DFF ;
|
||||
}
|
||||
.l_project_status li a{
|
||||
display: block;
|
||||
}
|
||||
.l_project_type li.active{
|
||||
background:rgba(247,248,249,1);
|
||||
}
|
||||
.r_list_search{
|
||||
padding:20px 40px;
|
||||
border-bottom: 1px solid rgba(224,224,224,1);;
|
||||
}
|
||||
.r_list_action a{
|
||||
width: 50px;
|
||||
float: left;
|
||||
height: 30px;
|
||||
line-height: 30px;
|
||||
text-align: center;
|
||||
background: #fff;
|
||||
border:1px solid #bfbfbf;
|
||||
color: #666!important;
|
||||
font-size: 16px;
|
||||
}
|
||||
.r_list_action a.active{
|
||||
border:1px solid #5091FF;
|
||||
background: #5091FF;
|
||||
color: #fff!important;
|
||||
}
|
||||
.typeTag{
|
||||
font-size: 12px;
|
||||
background: #EBF3FF;
|
||||
padding: 0px 10px;
|
||||
height: 28px;
|
||||
line-height: 28px;
|
||||
color: #666;
|
||||
float: left;
|
||||
border-radius:4px;
|
||||
border:1px solid rgba(219,219,219,1);
|
||||
}
|
||||
|
||||
|
||||
|
||||
|
||||
|
|
|
|||
Loading…
Reference in New Issue