增加站内消息页
This commit is contained in:
Argo-Lenovo
parent
532e6656dc
commit
416086b350
|
|
@ -294,6 +294,7 @@
|
|||
<Content Include="Views\Admin\Infos.cshtml" />
|
||||
<Content Include="Views\Admin\Excep.cshtml" />
|
||||
<Content Include="Views\Admin\Exceptions.cshtml" />
|
||||
<Content Include="Views\Admin\Messages.cshtml" />
|
||||
<None Include="Web.Debug.config">
|
||||
<DependentUpon>Web.config</DependentUpon>
|
||||
</None>
|
||||
|
|
|
|||
|
|
@ -226,3 +226,155 @@ ul.sidebar-menu {
|
|||
input[type="datetime"] {
|
||||
min-width: 220px;
|
||||
}
|
||||
|
||||
/*Messages*/
|
||||
.mail-box {
|
||||
border-collapse: collapse;
|
||||
border-spacing: 0;
|
||||
display: table;
|
||||
table-layout: fixed;
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
.mail-box aside {
|
||||
display: table-cell;
|
||||
float: none;
|
||||
height: 100%;
|
||||
padding: 0;
|
||||
vertical-align: top;
|
||||
}
|
||||
|
||||
.mail-box .sm-side {
|
||||
width: 25%;
|
||||
background: #e5e8ef;
|
||||
border-radius: 4px 0 0 4px;
|
||||
-webkit-border-radius: 4px 0 0 4px;
|
||||
}
|
||||
|
||||
.mail-box .sm-side .user-head {
|
||||
background: #00a8b3;
|
||||
border-radius: 4px 0px 0px 0;
|
||||
-webkit-border-radius: 4px 0px 0px 0;
|
||||
padding: 10px;
|
||||
color: #fff;
|
||||
min-height: 80px;
|
||||
}
|
||||
|
||||
.mail-box .sm-side .user-head .inbox-avatar {
|
||||
width: 65px;
|
||||
float: left;
|
||||
}
|
||||
|
||||
.mail-box .sm-side .user-head .inbox-avatar img {
|
||||
height: 65px;
|
||||
border-radius: 4px;
|
||||
-webkit-border-radius: 4px;
|
||||
border: 0;
|
||||
vertical-align: middle;
|
||||
}
|
||||
|
||||
.mail-box .sm-side .user-head .user-name {
|
||||
display: inline-block;
|
||||
margin: 0 0 0 10px;
|
||||
}
|
||||
|
||||
.mail-box .sm-side .user-head .user-name h5 {
|
||||
font-size: 14px;
|
||||
margin-top: 15px;
|
||||
margin-bottom: 0;
|
||||
font-weight: 300;
|
||||
}
|
||||
|
||||
.mail-box .sm-side .user-head .user-name h5 a {
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
.mail-box .sm-side .inbox-body, .mail-box .lg-side .inbox-body {
|
||||
padding: 20px;
|
||||
}
|
||||
|
||||
.mail-box .sm-side .inbox-body .btn-compose {
|
||||
background: #ff6c60;
|
||||
padding: 12px 0;
|
||||
text-align: center;
|
||||
width: 100%;
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
.mail-box .sm-side .inbox-body .btn-compose:hover {
|
||||
background: #f5675c;
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
.mail-box .sm-side ul.inbox-nav {
|
||||
display: inline-block;
|
||||
width: 100%;
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
.mail-box .sm-side ul.inbox-nav li {
|
||||
display: inline-block;
|
||||
line-height: 45px;
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
.mail-box .sm-side ul.inbox-nav li a {
|
||||
color: #6a6a6a;
|
||||
line-height: 45px;
|
||||
width: 100%;
|
||||
display: inline-block;
|
||||
padding: 0 20px;
|
||||
}
|
||||
|
||||
.mail-box .sm-side ul.inbox-nav li a:hover, .mail-box .sm-side ul.inbox-nav li.active a, .mail-box .sm-side ul.inbox-nav li a:focus {
|
||||
color: #6a6a6a;
|
||||
background: #d5d7de;
|
||||
}
|
||||
|
||||
.mail-box .sm-side ul.inbox-nav li a span.label {
|
||||
margin-top: 13px;
|
||||
padding: 0.5em 0.8em;
|
||||
}
|
||||
|
||||
.mail-box .sm-side ul.inbox-nav li a i {
|
||||
width: 18px;
|
||||
}
|
||||
|
||||
.mail-box .lg-side {
|
||||
width: 75%;
|
||||
background: #fff;
|
||||
border-radius: 0px 4px 4px 0;
|
||||
-webkit-border-radius: 0px 4px 4px 0;
|
||||
}
|
||||
|
||||
.mail-box .lg-side .inbox-head {
|
||||
padding: 12px;
|
||||
background: #41cac0;
|
||||
color: #fff;
|
||||
border-radius: 0 4px 0 0;
|
||||
-webkit-border-radius: 0 4px 0 0;
|
||||
min-height: 80px;
|
||||
}
|
||||
|
||||
.mail-box .lg-side .table-inbox {
|
||||
border: 1px solid #d3d3d3;
|
||||
margin-bottom: 0;
|
||||
}
|
||||
|
||||
.mail-box .lg-side .table-inbox tr.unread td {
|
||||
font-weight: 600;
|
||||
background: #f7f7f7;
|
||||
}
|
||||
|
||||
.mail-box .lg-side .table-inbox tr td {
|
||||
padding: 12px !important;
|
||||
}
|
||||
|
||||
.mail-box .lg-side .table-inbox tr td .fa-star.inbox-started, .mail-box .lg-side .table-inbox tr td .fa-star:hover {
|
||||
color: #f78a09;
|
||||
}
|
||||
|
||||
.mail-box .lg-side .table-inbox tr td:hover {
|
||||
cursor: pointer;
|
||||
}
|
||||
|
|
|
|||
|
|
@ -130,5 +130,14 @@ namespace Bootstrap.Admin.Controllers
|
|||
var v = new NavigatorBarModel("~/Admin/Exceptions");
|
||||
return View(v);
|
||||
}
|
||||
/// <summary>
|
||||
///
|
||||
/// </summary>
|
||||
/// <returns></returns>
|
||||
public ActionResult Messages()
|
||||
{
|
||||
var v = new NavigatorBarModel("~/Admin/Messages");
|
||||
return View(v);
|
||||
}
|
||||
}
|
||||
}
|
||||
|
|
|
|||
|
|
@ -0,0 +1,94 @@
|
|||
@model NavigatorBarModel
|
||||
@{
|
||||
ViewBag.Title = "站内消息";
|
||||
Layout = "~/Views/Shared/_Admin.cshtml";
|
||||
}
|
||||
@section header {
|
||||
@Html.Partial("Header", Model)
|
||||
}
|
||||
@section navigator {
|
||||
@Html.Partial("Navigator", Model)
|
||||
}
|
||||
<div class="mail-box">
|
||||
<aside class="sm-side">
|
||||
<div class="user-head">
|
||||
<a href="javascript:;" class="inbox-avatar">
|
||||
<img src="../../content/images/logo6.jpg" alt="">
|
||||
</a>
|
||||
<div class="user-name"><h5><a href="#">Argo Zhang</a></h5></div>
|
||||
</div>
|
||||
<div class="inbox-body">
|
||||
<a class="btn btn-compose" data-toggle="modal" href="#myModal">
|
||||
写消息
|
||||
</a>
|
||||
</div>
|
||||
<ul class="inbox-nav inbox-divider">
|
||||
<li class="active">
|
||||
<a href="#"><i class="fa fa-inbox"></i>收信箱<span class="label label-danger pull-right">2</span></a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="#"><i class="fa fa-envelope-o"></i>发信箱</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="#"><i class="fa fa-bookmark-o"></i>标旗消息</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="#"><i class=" fa fa-external-link"></i>草稿箱<span class="label label-info pull-right">30</span></a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="#"><i class=" fa fa-trash-o"></i>垃圾箱</a>
|
||||
</li>
|
||||
</ul>
|
||||
</aside>
|
||||
<aside class="lg-side">
|
||||
<div class="inbox-head">
|
||||
<h3>消息列表</h3>
|
||||
</div>
|
||||
<div class="inbox-body">
|
||||
<table class="table table-inbox table-hover">
|
||||
<tbody>
|
||||
<tr class="unread">
|
||||
<td class="inbox-small-cells">
|
||||
<input type="checkbox" class="mail-checkbox">
|
||||
</td>
|
||||
<td class="inbox-small-cells"><i class="fa fa-star"></i></td>
|
||||
<td class="view-message dont-show">消息人</td>
|
||||
<td class="view-message ">消息标题</td>
|
||||
<td class="view-message inbox-small-cells"><i class="fa fa-paperclip"></i></td>
|
||||
<td class="view-message text-right">09:27</td>
|
||||
</tr>
|
||||
<tr class="unread">
|
||||
<td class="inbox-small-cells">
|
||||
<input type="checkbox" class="mail-checkbox">
|
||||
</td>
|
||||
<td class="inbox-small-cells"><i class="fa fa-star inbox-started"></i></td>
|
||||
<td class="view-message dont-show">消息人<span class="label label-warning pull-right">紧急</span></td>
|
||||
<td class="view-message">消息内容</td>
|
||||
<td class="view-message inbox-small-cells"></td>
|
||||
<td class="view-message text-right">12:23</td>
|
||||
</tr>
|
||||
<tr class="">
|
||||
<td class="inbox-small-cells">
|
||||
<input type="checkbox" class="mail-checkbox">
|
||||
</td>
|
||||
<td class="inbox-small-cells"><i class="fa fa-star"></i></td>
|
||||
<td class="view-message dont-show">消息人<span class="label label-success pull-right">处理</span></td>
|
||||
<td class="view-message">消息内容</td>
|
||||
<td class="view-message inbox-small-cells"></td>
|
||||
<td class="view-message text-right">11:23</td>
|
||||
</tr>
|
||||
<tr class="">
|
||||
<td class="inbox-small-cells">
|
||||
<input type="checkbox" class="mail-checkbox">
|
||||
</td>
|
||||
<td class="inbox-small-cells"><i class="fa fa-star inbox-started"></i></td>
|
||||
<td class="view-message dont-show">消息人<span class="label label-danger pull-right">紧急</span></td>
|
||||
<td class="view-message">消息内容</td>
|
||||
<td class="view-message inbox-small-cells"><i class="fa fa-paperclip"></i></td>
|
||||
<td class="view-message text-right">11:23</td>
|
||||
</tr>
|
||||
</tbody>
|
||||
</table>
|
||||
</div>
|
||||
</aside>
|
||||
</div>
|
||||
Loading…
Reference in New Issue