<!DOCTYPE html>
<html lang="zh-cn">
<head>
    <meta name="viewport" content="width=device-width,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no">
    <link href="{{cdn_asset('/assets/css/bootstrap.min.css')}}" rel="stylesheet">
    <title>精准医疗</title>
    <style type="text/css">
        .all{
            width: 100%;
            height: auto;
        }
        .all text{
            display: inline-block;
            width: 100%;
            text-align: center;
        }
        #status{
            height: 100px;
            font-size: 30px;
            line-height: 100px;
            color: rgb(46,122,229)
        }
        #why{
            height: 20px;
            font-size: 15px;
            line-height: 20px;
            color: #888;
        }
    </style>
</head>
<body>
<div class="all">
    <div class="col-xs-12 col-lg-12" style="width:100%;display: flex;margin-top: 20px;">
        <div class="col-xs-0 col-lg-2"></div>
        <div class="col-xs-12 col-lg-8" style="height: auto;">
            <text id="status"></text>
            <text id="why"></text>
        </div>
        <div class="col-xs-0 col-lg-2"></div>
    </div>
</div>
<script type="text/javascript">
    console.log('{{ $q['msg'] }}')
    var status = '{{ $q['msg'] }}'+'!';
    var why = '这里写补充说明';
    document.getElementById("status").innerHTML = status;
    document.getElementById("why").innerHTML = why;
</script>
<script src="{{cdn_asset('/assets/js/jquery-3.2.1.js')}}"></script>
<script src="{{cdn_asset('/assets/js/bootstrap.min.js')}}"></script>

</body>
</html>