修复了滚动栏的bug,消息未解决

This commit is contained in:
yuki
2017-06-17 12:14:51 +08:00
parent 20ebce97f4
commit 780eb1b828
6 changed files with 47 additions and 41 deletions
+3 -3
View File
@@ -153,7 +153,7 @@
<table>
<thead>
<tr>
<th>#</th>
<th>用户ID</th>
<th>权限</th>
<th>学号</th>
<th>真实姓名</th>
@@ -171,7 +171,7 @@
<td>{{$user->privilege}}</td>
<td>{{$user->stuid}}</td>
<td>{{$user->realname}}</td>
<td>{{$user->nickname}}</td>
<td><a href="/user/{{$user->id}}">{{$user->nickname}}</a></td>
<td>{{$user->username}}</td>
<td>{{$user->email}}</td>
<td>
@@ -199,7 +199,7 @@
<table>
<thead>
<tr>
<th>#</th>
<th>交易单号</th>
<th>卖家学号</th>
<th>买家学号</th>
<th>商品ID</th>
+27 -22
View File
@@ -4,7 +4,6 @@
@section('asset')
<link rel="stylesheet" href="/css/wel.css" />
@endsection
<style>
.slide-title{
@@ -55,15 +54,35 @@
padding: 3px;
}
.slide-list li span {
display: inline-block;
margin-right: 0px;
font-size: 13px;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
display: inline-block;
margin-right: 0px;
font-size: 13px;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.slide-list li.odd{
background: rgba(51,79,109,.2);
}
</style>
<script>
var doscroll = function(){
var $parent = $('.js-slide-list');
var $first = $parent.find('li:first');
var height = $first.height();
$first.animate({
marginTop: -height + 'px'
}, 500, function() {
$first.css('marginTop', 0).appendTo($parent);
});
};
setInterval(function(){doscroll()}, 2000);
</script>
@endsection
@section('content')
<div class="row">
@@ -245,7 +264,7 @@
<ul class="slide-list js-slide-list">
@foreach($trans as $tran)
@if($tran->seller != NULL)
<li><span>恭喜{{$tran->seller->getcoding()}}和{{$tran->buyer->getcoding()}}成功完成了一笔交易!OvO</span></li>
<li class="odd"><span>恭喜{{$tran->seller->getcoding()}}和{{$tran->buyer->getcoding()}}成功完成了一笔交易!OvO</span></li>
@endif
@endforeach
</ul>
@@ -260,17 +279,3 @@
</div>
</div>
@endsection
<script>
var doscroll = function(){
var $parent = $('.js-slide-list');
var $first = $parent.find('li:first');
var height = $first.height();
$first.animate({
height: 0
}, 500, function() {
$first.css('height', height).appendTo($parent);
});
};
setInterval(function(){doscroll()}, 2000);
</script>