【无标题】

最新推荐文章于 2024-01-18 23:25:36 发布

Anti_无所谓

最新推荐文章于 2024-01-18 23:25:36 发布

阅读量543

点赞数

文章标签： laravel

本文链接：https://blog.csdn.net/weixin_52765407/article/details/124083672

版权

laravel作业

<!-- 子模版 -->
<link rel="stylesheet" type="text/css" href="{{asset('').'css/bootstrap.min.css'}}">
@extends('layout.parents')
@section('title','主页内容')
@section('content')

<form action="{{url('useer')}}">
    <input type="hidden" name="_token" value="{{csrf_token()}}">
    <label for="song">
        <input type="text"name="song" id="song"placeholder="请输入歌曲名">歌曲名
    </label>
    <input type="submit" value="搜索">
</form>
@parent
@endsection

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>@yield('title','音乐回收站')</title>
</head>
<style type="text/css">
    body {
  min-width: 550px;
}
    body,html{
        margin: 0;
    }
        header{
            width: 100%;
            background-color: gray;
        }
        #container{
            width: 100%;
            background-color: yellow;
            height: 200px;
            padding-left: 200px;
            padding-right: 200px;   
            box-sizing: border-box;
        }
        .column{
            float: left;
            height: 200px;
           
        }
        #center{
            width: 100%;
            background-color: palegoldenrod;

        }
        #left{
            position: relative;
            width: 200px;
            background-color: orange;
            margin-left: -100%;
            right: 200px;
        }
        #right{
            width: 200px;
            background-color: pink;
            margin-right: -200px;
           
            
        }
        footer{
            clear: both;
            width: 100%;
            background-color: gray;
        }
    </style>
<body>
    
    <header>header</header>
   <div id="container">
       <div id="center" class="column">
       
           @section('content')
           <h2>这是父模板</h2>
           @show
           
    </div>
       <div id="left" class="column">left</div>
       <div id="right" class="column">right</div>
   </div>
    <footer >footer</footer>
    
</body>
</html>