个人主页改版
This commit is contained in:
caishi
parent
8a981d4c5d
commit
fca15b9d52
|
|
@ -0,0 +1,101 @@
|
|||
<div class="mt20">
|
||||
<div class="df middlePanel">
|
||||
<div class="fl pagePanel_left">
|
||||
<div class="mb15 l_headPhoto">
|
||||
<div class="l_img">
|
||||
<% if User.current.logged? && User.current == @user %>
|
||||
<%= link_to image_tag(url_to_avatar(@user),width:"238", height: "238", :id => 'nh_source_tx'),
|
||||
my_clear_user_avatar_temp_path, :remote => true %>
|
||||
<% else %>
|
||||
<%=image_tag(url_to_avatar(@user),width:"238", height: "238", :id=>'nh_source_tx') %>
|
||||
<% end %>
|
||||
</div>
|
||||
<p><%= link_to @user.show_name, user_path(@user), :class => "f22 color-grey3" %></p>
|
||||
<p>
|
||||
<% if @user.user_extensions && @user.user_extensions.identity %>
|
||||
<span class="f18"><%= get_user_roll @user %></span>
|
||||
<% end%>
|
||||
</p>
|
||||
</div>
|
||||
<div class="l_backlog">
|
||||
<li class="l_backlog_title">
|
||||
<p class="color-grey3 f28">57</p>
|
||||
<p class="f18 fontGrey4">待办事项</p>
|
||||
</li>
|
||||
<ul class="l_backlog_list">
|
||||
<li>我的项目</li>
|
||||
<li class="l_backlog_list_item active">启智Visual</li>
|
||||
<li class="l_backlog_list_item">Openi珊瑚</li>
|
||||
<li class="l_backlog_list_item">eduCoder</li>
|
||||
<li class="l_backlog_list_item">Openi珊瑚</li>
|
||||
<li class="l_backlog_list_item">eduCoder</li>
|
||||
<li class="l_backlog_list_item">Openi珊瑚</li>
|
||||
<li class="l_backlog_list_item">Openi珊瑚</li>
|
||||
</ul>
|
||||
</div>
|
||||
<div class="l_issues">
|
||||
<li><a href="javascript:void(0)">我发布的issue</a></li>
|
||||
<li><a href="javascript:void(0)">我收到的issue</a></li>
|
||||
</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>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<script>
|
||||
$(function () {
|
||||
$(".l_backlog_list").on("click",".l_backlog_list_item",function () {
|
||||
$(".l_backlog_list .l_backlog_list_item").removeClass("active");
|
||||
$(this).addClass("active");
|
||||
})
|
||||
})
|
||||
|
||||
$(window).load(function () {
|
||||
if($(".l_backlog_list li").length > 7){
|
||||
$(".l_backlog_list").after('<a href="javascript:void(0)" class="l_all_backlog">查看全部<i class="iconfont icon-xiajiantou"></i></a>');
|
||||
$(".l_all_backlog").on("click",function () {
|
||||
if($(".l_backlog_list").hasClass('active')){
|
||||
$(".l_backlog_list").removeClass("active");
|
||||
}else{
|
||||
$(".l_backlog_list").addClass("active");
|
||||
$(this).remove();
|
||||
}
|
||||
})
|
||||
}
|
||||
})
|
||||
</script>
|
||||
|
|
@ -6,6 +6,7 @@
|
|||
height: auto !important;
|
||||
height: 100%;
|
||||
position: relative;
|
||||
padding-bottom: 120px;
|
||||
}
|
||||
#Container{ width:1000px; margin:0 auto; }
|
||||
/*主内容*/
|
||||
|
|
@ -702,4 +703,157 @@ a.user_editinfo{border-top:1px solid #e5e5e5; height:30px; line-height:30px; tex
|
|||
.partnerInfo a div{width: 100%;}
|
||||
.partnerInfo a span.imgLoGO{width: 124px;text-align: center;float: left;margin-right: 20px;}
|
||||
.partnerInfo a span.name{font-size: 20px;color: #4D4D4D;float: left;}
|
||||
.partnerInfo a{margin-right: 0px;}
|
||||
.partnerInfo a{margin-right: 0px;}
|
||||
|
||||
|
||||
|
||||
.middlePanel{width: 1200px;margin:0px auto;}
|
||||
/*-----------个人主页新版-cs-20191015*/
|
||||
.pagePanel_left{
|
||||
width: 25%;
|
||||
padding-right: 15px;
|
||||
box-sizing: border-box;
|
||||
}
|
||||
.pagePanel_right{
|
||||
width: 75%;
|
||||
}
|
||||
/*左侧-1：头像部分*/
|
||||
.l_headPhoto{
|
||||
width: 100%;
|
||||
background:rgba(255,255,255,1);
|
||||
box-shadow:3px 3px 6px 0px rgba(0,0,0,0.05);
|
||||
padding: 30px;
|
||||
box-sizing: border-box;
|
||||
text-align: center;
|
||||
}
|
||||
.l_img{
|
||||
margin-bottom: 25px;
|
||||
}
|
||||
.l_img > a > img,.l_img > img{
|
||||
width: 134px;
|
||||
height: 134px;
|
||||
border-radius: 50%;
|
||||
}
|
||||
/*左侧-2：待办事项*/
|
||||
.l_backlog{
|
||||
width: 100%;
|
||||
background:rgba(255,255,255,1);
|
||||
box-shadow:3px 3px 6px 0px rgba(0,0,0,0.05);
|
||||
margin-bottom: 15px;
|
||||
}
|
||||
.l_backlog_title{
|
||||
padding:20px;
|
||||
text-align: center;
|
||||
}
|
||||
.l_backlog_list{
|
||||
border-top:1px solid rgba(224,224,224,1);
|
||||
box-sizing: border-box;
|
||||
max-height: 422px;
|
||||
overflow: hidden;
|
||||
}
|
||||
.l_backlog_list.active{
|
||||
max-height: initial;
|
||||
}
|
||||
.l_backlog_list li{
|
||||
height: 60px;
|
||||
line-height: 60px;
|
||||
color:#666;
|
||||
font-size: 16px;
|
||||
padding:0px 20px;
|
||||
cursor: pointer;
|
||||
}
|
||||
.l_backlog_list li:first-child{
|
||||
font-size: 20px;
|
||||
border-bottom:1px solid rgba(224,224,224,1);
|
||||
padding:0px;
|
||||
margin:0px 20px;
|
||||
cursor: default;
|
||||
}
|
||||
.l_backlog_list_item.active{
|
||||
color: #317DFF;
|
||||
background:rgba(247,248,249,1);
|
||||
position:relative;
|
||||
}
|
||||
.l_backlog_list_item.active:before{
|
||||
content: '';
|
||||
width: 4px;
|
||||
background: #317DFF;
|
||||
height: 30px;
|
||||
position: absolute;
|
||||
left: 0px;
|
||||
top:15px;
|
||||
}
|
||||
.l_all_backlog{
|
||||
position: relative;
|
||||
width: 100%;
|
||||
height: 20px;
|
||||
line-height: 20px;
|
||||
color: #666!important;
|
||||
padding:30px 0px 40px;
|
||||
display: block;
|
||||
text-align: center;
|
||||
font-size: 14px;
|
||||
|
||||
}
|
||||
.l_all_backlog > i{
|
||||
position: absolute;
|
||||
bottom: 13px;
|
||||
left: 50%;
|
||||
width: 20px;
|
||||
float: left;
|
||||
height: 20px;
|
||||
margin-left: -10px;
|
||||
}
|
||||
/*issue*/
|
||||
.l_issues{
|
||||
width: 100%;
|
||||
background:rgba(255,255,255,1);
|
||||
box-shadow:3px 3px 6px 0px rgba(0,0,0,0.05);
|
||||
margin-bottom: 15px;
|
||||
}
|
||||
.l_issues li{
|
||||
height: 50px;
|
||||
line-height: 50px;
|
||||
padding:0px 30px;
|
||||
box-sizing: border-box;
|
||||
color: #666;
|
||||
font-size: 16px;
|
||||
border-bottom: 1px solid rgba(0,0,0,0.05);
|
||||
cursor: pointer;
|
||||
}
|
||||
.l_issues li:last-child{
|
||||
border:none;
|
||||
}
|
||||
|
||||
/*-----------------个人主页右侧------------*/
|
||||
.pagePanel_right{
|
||||
background:rgba(255,255,255,1);
|
||||
box-shadow:3px 3px 6px 0px rgba(0,0,0,0.05);
|
||||
padding:0px 30px;
|
||||
}
|
||||
.pagePanel_right li{
|
||||
display: flex;
|
||||
padding:15px 0px;
|
||||
border-bottom: 1px solid rgba(0,0,0,0.05);
|
||||
}
|
||||
.r_list_img{
|
||||
width: 50px;
|
||||
height: 50px;
|
||||
border-radius: 50%;
|
||||
margin-right:18px;
|
||||
}
|
||||
.pagePanel_right li:last-child{
|
||||
border:none;
|
||||
}
|
||||
.pagePanel_right li > div{
|
||||
flex: 1;
|
||||
}
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
|
|
|||
Loading…
Reference in New Issue