pfhwyigou/backend/views/index/main.php

<?php
/**
 * Created by PhpStorm.
 * User: xiaofeng
 * Date: 2018/3/5
 * Time: 下午9:58
 */
use backend\assets\AppAsset;
AppAsset::addScript($this,Yii::$app->request->baseUrl."/js/index/echarts.js");
AppAsset::addScript($this,Yii::$app->request->baseUrl."/js/index/index_echarts.js");
AppAsset::addScript($this,Yii::$app->request->baseUrl."/js/index/main.js");
AppAsset::addScript($this,Yii::$app->request->baseUrl."/js/index/roll/jquery.pause.min.js");
AppAsset::addScript($this,Yii::$app->request->baseUrl."/js/index/roll/weiboscroll.js");
?>
<style>
    .larry-bg-purple{background:-webkit-linear-gradient(top,#CB5DEF,#9825D1);box-shadow:0 3px 14px 2px #F1D0FD;}
    .larry-bg-two{background:-webkit-linear-gradient(top,#23d4d4,#16d1b6);box-shadow:0 3px 14px 2px #D1F6F1;}
    .larry-bg-orange{background:-webkit-linear-gradient(top,#FFC93B,#FFB800);box-shadow:0 3px 14px 2px #FFD4E0;}
    .larry-bg-xmtwo{background:-webkit-linear-gradient(top,#da5c8b,#dc3949);}
    .larry-bg-xmld{background:-webkit-linear-gradient(top,#18adda,#2332d2)}
    .larry-bg-gray{background:#F1F2F7;}
    .panel_box {min-width:530px;width:95%;margin:0 auto;}
    .panel_box a{height:80px;}
    .panel{margin:15px 10px 0 15px;height:80px;min-width:245px;width:22.6%;}
    .panel_icon{line-height:80px;height:80px;width:27%;border-radius:6px;}
    .panel_icon i{font-size:38px !important;}
    .panel_word{margin:10px auto 0;float:left;}
    .panel_word span {font-size: 22px;}
    .panel_word cite{font-size:18px;margin-top:10px;}
    .layui-table-header{display:none;}

    /*公告样式*/
    #box_title {width:100%;margin: 0px auto;font-weight: bold;line-height: 28px;font-size: 18px;}
    .con {width:100%;height: 360px;margin: 0px auto;position: relative;background-color: #FFF;overflow: hidden;margin-top:15px;}
    .con .bottomcover {position: absolute;bottom: 0;background: url("/js/index/roll/halftransp.png") no-repeat 0 -5px;height: 35px;width:100%;
        _background: none;
     _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://img.t.sinajs.cn/t35/style/images/tlogin/halftransp.png?id=1341302813656', sizingMethod='crop');
        pointer-events: none;
    }
    img {border: none;}
    .con ul {position: relative;margin: 5px 10px 0px 10px;top: 0;left: 0;padding: 0;}
    .con ul li {width: 100%;border-top: 1px dotted #d6d6d6;padding: 10px 0;_padding: 8px 0;overflow: hidden;line-height: 1.5;height:64px;position:relative;}
    .con ul li .div_left {display:inline-block;vertical-align:top;width:60px;height:60px;/*border: 1px solid;*/}
    .con ul li .div_left img {display:block;width:100%;height:100%;}
    .con ul li .div_right {width:66%;display:inline-block;vertical-align:top;margin-left:10px;}
    .con ul li .div_right a {color: #6EAFD5;padding: 0px;}
    .con ul li .div_right .twit_item_time {color: #999;padding: 0px;}
    .layui_btn {position:absolute;right:10px;top:50%;margin-top:-11px;}
</style>
<blockquote class="layui-elem-quote layui-bg-green">
    <div id="nowTime"></div>
</blockquote>
<div class="layui-row layui-col-space10 panel_box">
    <div class="panel layui-col-xs12 layui-col-sm6 layui-col-md4 layui-col-lg2">
        <a href="javascript:;" data-url="http://fly.layui.com/case/u/3198216">
            <div class="panel_icon layui-bg-blue">
                <i class="layui-anim seraph icon-wechat"></i>
            </div>
            <div class="panel_word">
                <span>3</span>
                <cite>今日问答</cite>
            </div>
        </a>
    </div>
    <div class="panel layui-col-xs12 layui-col-sm6 layui-col-md4 layui-col-lg2">
        <a href="javascript:;" data-url="https://github.com/BrotherMa/layuicms2.0">
            <div class="panel_icon layui-bg-red">
                <i class="layui-anim seraph icon-xiugai"></i>
            </div>
            <div class="panel_word">
                <span>60</span>
                <cite>后台报名</cite>
            </div>
        </a>
    </div>
    <div class="panel layui-col-xs12 layui-col-sm6 layui-col-md4 layui-col-lg2">
        <a href="javascript:;" data-url="https://gitee.com/layuicms/layuicms2.0">
            <div class="panel_icon larry-bg-purple">
                <i class="layui-anim seraph icon-text" ></i>
            </div>
            <div class="panel_word">
                <span>100</span>
                <cite>文字发表</cite>
            </div>
        </a>
    </div>
    <div class="panel layui-col-xs12 layui-col-sm6 layui-col-md4 layui-col-lg2">
        <a href="javascript:;" data-url="https://gitee.com/layuicms/layuicms2.0">
            <div class="panel_icon larry-bg-two">
                <i class="layui-anim seraph icon-vip"></i>
            </div>
            <div class="panel_word">
                <span>60</span>
                <cite>会员数量</cite>
            </div>
        </a>
    </div>
    <div class="panel layui-col-xs12 layui-col-sm6 layui-col-md4 layui-col-lg2">
        <a href="javascript:;" data-url="https://gitee.com/layuicms/layuicms2.0">
            <div class="panel_icon larry-bg-xmtwo">
                <i class="layui-anim seraph icon-icon10"></i>
            </div>
            <div class="panel_word">
                <span>50</span>
                <cite>今日访问</cite>
            </div>
        </a>
    </div>
    <div class="panel layui-col-xs12 layui-col-sm6 layui-col-md4 layui-col-lg2">
        <a href="javascript:;" data-url="https://gitee.com/layuicms/layuicms2.0">
            <div class="panel_icon larry-bg-xmld">
                <i class="layui-icon layui-anim seraph" style="font-size:35px !important; color: #FFF;">&#xe63b</i>
            </div>
            <div class="panel_word">
                <span>150</span>
                <cite>有效来电</cite>
            </div>
        </a>
    </div>
    <div class="panel layui-col-xs12 layui-col-sm6 layui-col-md4 layui-col-lg2">
        <a href="javascript:;" data-url="page/House/index.html">
            <div class="panel_icon larry-bg-orange">
                <i class="layui-icon layui-anim seraph" style="font-size: 30px; color: #FFF;">&#xe61f</i>
            </div>
            <div class="panel_word">
                <span>60</span>
                <cite>楼盘数量</cite>
            </div>
        </a>
    </div>
    <div class="panel layui-col-xs12 layui-col-sm6 layui-col-md4 layui-col-lg2">
        <a href="javascript:;" data-url="page/News/index.html">
            <div class="panel_icon layui-bg-green">
                <i class="layui-icon layui-anim seraph" style="font-size:30px !important; color: #FFF;">&#xe62a</i>
            </div>
            <div class="panel_word">
                <span>80</span>
                <cite>资讯数量</cite>
            </div>
        </a>
    </div>

    <!-- <div class="panel layui-col-xs12 layui-col-sm6 layui-col-md4 layui-col-lg2">
        <a href="javascript:;">
            <div class="panel_icon layui-bg-blue">
                <i class="layui-anim seraph icon-clock"></i>
            </div>
            <div class="panel_word">
                <span class="loginTime"></span>
                <cite>上次登录时间</cite>
            </div>
        </a>
    </div> -->
</div>


<div class="layui-row layui-col-space10" style="margin:30px auto 0;width:95%">

    <div class="layui-col-lg6 layui-col-md12" style="background:#FFF;width:48%;min-width:500px;margin:0 32px 15px 0;">
        <blockquote class="layui-elem-quote title" style="background:#FFF;font-size:18px;">发展历程&更新日志</blockquote>
        <hr class="layui-bg-gray">

        <div id="container" style="width:100%;height:432px;"></div>

    </div>

    <div class="layui-col-lg6 layui-col-md12" style="background:#FFF;width:48%;min-width:500px;">
        <blockquote class="layui-elem-quote title" style="background:#FFF;font-size:18px;">后台公告</blockquote>
        <!-- <div id="box_title">最新公告</div> -->
        <div class="con" >
            <div class="bottomcover" style="z-index: 2;"></div>
            <ul>
              

            </ul>
        </div>

        <!-- 系统基本参数 -->
        <!-- <table id="newsList" lay-filter="newsList"></table> -->
    </div>
</div>