{extend name="common/base"/}

<!-- 样式 -->
{block name="style"}
<style>
    .footer{
		width: 100%;
		height: 25px;
		text-align: center;
		margin-bottom: 0 !important;
	}

    #layout .layui-card-body {
        height: 150px;
    }

    .layui-card-header {
        border-bottom: 1px solid #eee;
    }

    .top-box {
        width: 50%;
        text-align: center;
        padding: 45px;
    }

    .top-box-1 {
        font-size: 1.75vw;
        font-weight: 550;
        padding-bottom: 5px;
    }


    .list {
        border-bottom: 1px dashed #e2e2e2;
        padding: 10px 15px 10px 15px;
    }

    .data-center {
        text-align: center;
    }

    .layui-tab-brief>.layui-tab-more li.layui-this:after,
    .layui-tab-brief>.layui-tab-title .sreach:after {
        border: none;
        border-radius: 0;

    }

    .qiguaideul {
        width: 100%;
        display: flex;
        justify-content: space-between;
    }

     .qiguaideul .layui-input{
       
        height: 41px; 
    }

    .layui-input-group{
        padding-right: 4%;
    }
    
    .message-text{
        height: 90vh !important;
        overflow: auto;
    }

    .title{
        font-size: 0.85vw;
        font-weight: 600;
    }
</style>
{/block}

<!-- 主体 -->
{block name="body"}
<div class="p-3" id="layout">
    <div class="layui-row layui-col-space12">
        
        <div class="layui-col-xs12">
            <div class="layui-card">
                <div class="layui-card-header title">
                    消息中心
                </div>
                <div class="layui-card-body message-text">
                    {volist name='msg' id="vo"}
                        <div class="layui-timeline-item">
                            <i class="layui-icon layui-timeline-axis"></i>
                            <div class="layui-timeline-content layui-text">
                                <h3 class="layui-timeline-title" style="font-size: 16px;">{$vo.create_time|date="Y-m-d H:i:s"}</h3>
                                <p>
                                    {$vo.content}
                                </p>
                            </div>
                        </div> 
                    {/volist}
                </div>

                
            </div>
        </div>
    </div>
</div>

{/block}

{block name="script"}


{/block}