【无标题】

@extends('layout.grail')
@section('main')
    <h2>新闻列表</h2>
    <table class="table">
        <thead>
        <tr>
            <th>编号</th><th>标题</th><th >作者</th><th>类别</th><th>操作</th>
        </tr>

        </thead>
        <tbody>
            @foreach($newsList as $news)
            <tr>
                <td>{{$news->id}}</td>
                <td>{{$news->title}}</td>
                <td>{{$news->user_id}}</td>
                <td>{{$news->category_id}}</td>
                <td><a href="{{route('news.edit',$news->id)}}" title="">修改</a>
                    <form action="{{route('news.destroy',$news->id)}}" method="post">
                        @method('delete')
                        <button onclick="return confirm('您确定要删除吗？')">删除</button>
                        @csrf
                    </form>

                </td>
            </tr>
            @endforeach
        
        </tbody>
    </table>
     
@endsection
<style>
    button{
        border:none;
        color: #0d6efd;

    }
    table a{
        display: block;
        text-decoration-line: none;
        margin-right: 20px;
    }
    table a:hover{
        text-decoration-line: underline;
    }
   .optgroup>a,button:hover {
        text-decoration-line:underline;
    }
    .operation{
        display: flex;
    }
</style>

@extends('layout.grail')
@section('main')
    <h2>新闻列表</h2>
    <table class="table">
        <thead>
        <tr>
            <th>编号</th><th>标题</th><th >作者</th><th>类别</th><th>操作</th>
        </tr>

        </thead>
        <tbody>
            @foreach($newsList as $news)
            <tr>
                <td>{{$news->id}}</td>
                <td>{{$news->title}}</td>
                <td>{{$news->user_id}}</td>
                <td>{{$news->category_id}}</td>
                <td><a href="{{route('news.edit',$news->id)}}" title="">修改</a>
                    <form action="{{route('news.destroy',$news->id)}}" method="post">
                        @method('delete')
                        <button onclick="return confirm('您确定要删除吗？')">删除</button>
                        @csrf
                    </form>

                </td>
            </tr>
            @endforeach
        
        </tbody>
    </table>
     
@endsection
<style>
    button{
        border:none;
        color: #0d6efd;

    }
    table a{
        display: block;
        text-decoration-line: none;
        margin-right: 20px;
    }
    table a:hover{
        text-decoration-line: underline;
    }
   .optgroup>a,button:hover {
        text-decoration-line:underline;
    }
    .operation{
        display: flex;
    }
</style>