123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687 |
- <style type="text/css">
- .big_body{
- display: flex;
- justify-content: center;
- background-color: #D7D7D7;
- }
- .big_div {
- width: 98%;
- display: block;
- margin-top: 20px;
- border: 1px solid #E4E4E4;
- box-shadow: 0 26rpx 40rpx 0 rgba(255, 255, 255, 0.31);
- background-color: #FFF;
- padding: 50px;
- }
- .title_div{
- display: flex;
- justify-content: space-between;
- /* 用下外边距和信息内容分开*/
- margin-bottom: 30px;
- }
- /* 标题*/
- .title{
- font-size: 30px;
- display: flex;
- align-items: flex-end;
- }
- /* 信息*/
- .inf_div{
- padding: 20px;
- display: flex;
- justify-content: space-around;
- }
- /* 一条信息 包括icon和文字*/
- .inf{
- width: 50%;
- height: 100px;
- display: flex;
- align-content: center;
- }
- /* icon*/
- .inf_icon{
- height: 80px;
- width: 80px;
- margin-right: 100px;
- border-radius: 50%;
- border: 0.5px solid #000000;
- }
- .inf_text{
- /* 两边加边距*/
- margin-left: 50px;
- margin-right: 50px;
- }
- .inf_text_num{
- width: auto;
- text-align: center;
- margin-bottom: 5px;
- font-size: 38px;
- }
- .inf_text_ms{
- }
- </style>
- @foreach($notice as $val)
- <div class="big_div">
- <!-- 标题和时间-->
- <div class="title_div">
- <div class="title">
- <div style="margin-right: 20px;">{{$val->title}}</div>
- {{-- <div style="font-size: 18px;text">通知类型</div>--}}
- </div>
- <div class="tiem">{{date('Y年m月d日 H:i:s',strtotime($val->created_at))}}</div>
- </div>
- <div>{{$val->content}}</div>
- </div>
- @endforeach
|