完成任务管理系统阶段2：列表和详情显示，要求：
1.实现任务列表页，将任务按名称依次列出来，每个任务带有一个查看详情的按钮；（20分）
2.美化列表页：
1.引入bootstrap样式，包括card和list group；（10分）
2.增加分页器，并每页展示10条，分页器可用；（10分）
3.$items = Todo::latest()->paginate(10);//latest()->倒叙排列
return view('todos.index', compact('items'));
<div class="card-footer">
{!! $items->links() !!}
</div>
4.
5.显示任务等级；（5分）
6.
<div> @switch($item->level) @case(1) <span class="badge bg-info">一般任务</span> @break @case(2) <span class="badge bg-primary">重要任务</span> @break @default <span class="badge bg-danger">紧急任务</span> @endswitch <span @class([ 'text-decoration-line-through' => $item->is_completed, ])> {{ $item->name }} </span> {{-- {{ $item->name }} --}} </div>
7.为已完成任务，添加删除线（5分）
8.
<span @class([ 'text-decoration-line-through' => $item->is_completed, ])> {{ $item->name }} </span>
3. 添加详情页，显示任务名称、任务详情、截止时间等（10分）
4. 美化详情页，添加bootstrap样式，并将完成状态显示在标题右上角（10分）
5. 美化关于页面（10分）
6. 添加导航栏，并用 布局模板 优化 视图层代码（20分）
7. 额外加分项：导航栏 关于页面、任务列表 能够根据当前所在页面 形成正常的高亮 效果（10分）
<li class="nav-item"> {{-- <a class="nav-link active" aria-current="page" href="/todos">列表页</a> --}} <a @class([ 'nav-link', 'active' => Route::currentRouteName()==='index', ]) aria-current="page" href="/todos">列表页</a> </li>
