车辆综合管控平台前端静态模板

最新推荐文章于 2024-07-20 18:16:53 发布

wwwarewow

最新推荐文章于 2024-07-20 18:16:53 发布

阅读量230

点赞数 6

分类专栏：大屏模板文章标签：前端 javascript 服务器

本文链接：https://blog.csdn.net/JSPSEO/article/details/139429059

版权

大屏模板专栏收录该内容

12 篇文章 0 订阅

订阅专栏

效果图

代码

 <div class="info_2 fl">
            <div class="text_2">
                <div class="fl">
                    <img src="images/info_4.png" alt="">
                    <div class="fl count">
                        <p>车辆总数(辆)</p>
                        <p class="conuts">46625</p>
                    </div>
                </div>
                <div class="fl">
                    <img src="images/info_5.png" alt="">
                    <div class="fl count">
                        <p>车辆总数(辆)</p>
                        <p class="conuts">46625</p>
                    </div>
                </div>

            </div>
        </div>
        <div class="info_3 fr">
            <div class="text_2">
                <div class="fl">
                    <img src="images/info_6.png" alt="">
                    <div class="fl count">
                        <p>车辆总数(辆)</p>
                        <p class="conuts">46625</p>
                    </div>
                </div>
                <div class="fl">
                    <img src="images/info_7.png" alt="">
                    <div class="fl count">
                        <p>车辆总数(辆)</p>
                        <p class="conuts">46625</p>
                    </div>
                </div>

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

    <div class="data_content">
        <!--左边-->
        <div class="data_left fl">
            <div class="left_top">
                <!--/*左边第一部分*/-->
                <div class="info public">
                    <div class="min-title">
                        <span>车辆总数</span>
                    </div>
                    <div id="char4" style="width:100%;height: 100%;"></div>
                    <div class="boxfoot"></div>
                </div>
                <!--左边第二部分-->
                <div class="top_bottom public">
                    <div class="min-title">
                        <span>车辆类型</span>
                    </div>
                    <div id="echarts_1" style="width:100%;height: 100%;"></div>
                    <div class="boxfoot"></div>
                </div>
                <!--左边第三部分-->
                <div class="left_bottom public">
                    <div class="min-title">
                        <span>车辆状态</span>
                    </div>
                    <div id="chart_2" style="width:100%;height: 100%;"></div>
                    <div class="boxfoot"></div>
                </div>
            </div>
        </div>