<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>数据展示</title>
<link rel="stylesheet" href="static/css/wodry.css">
<link rel="stylesheet" href="static/css/index.css">
<link rel="stylesheet" href="static/css/public.css">
<script src="static/js/jquery.js"></script>
<script>
$(function () {
$('.myscroll').myScroll({
speed: 60, //数值越大，速度越慢
rowHeight: 38 //li的高度
});
});
$(document).ready(function () {
var whei = $(window).width()
$("html").css({ fontSize: whei / 22 });
$(window).resize(function () {
var whei = $(window).width();
$("html").css({ fontSize: whei / 22 })
});
});
</script>
</head>
<body>
<div class="main">
<div class="header">
<div class="header-left fl" id="time"></div>
<div class="header-center fl">
<div class="header-title">
物流大数据展示
</div>
<div class="header-img"></div>
</div>
<div class="header-right fl"></div>
<div class="header-bottom fl"></div>
</div>
<div class="center">
<div class="center-left fl">
<div class="left-top rightTop border">
<!--<h1 id="ceshi">数据可视化</h1>-->
<div class="title">基本信息</div>
<div class="top-list">
<p>当你征服一座山峰时，它已经在你脚下了，你必须再找一座山峰去征服，否则，你只有下山，走下坡路了</p>
<ul>
<li>成交额：4250万</li>
<li>成交量：3545万件</li>
<li>在线总数：1254万</li>
<li>总包裹量：7854万</li>
<li>在线商家：68万</li>
<li>已发件：154万</li>
</ul>
</div>
</div>
<div class="left-cen rightTop border">
<div class="title">包裹量排名</div>
<ul class="company" id="ceshi">
<li class="wodryRX0">
<span>NO.1</span>
湖南，包裹累计18.8万件</li><br>
<li class="wodryRX1">NO.2
河南，包裹累计16.5万件</li>
<br>
<li class="wodryRX2">NO.3
贵州，包裹累计15.9万件</li>
<br>
<li class="wodryRX3">NO.4
上海，包裹累计15.2万件</li>
<br>
<li class="wodryRX4">NO.5
北京，包裹累计14.7万件</li>
</ul>
</div>
<div class="left-bottom rightTop border">
<div class="title">商品分类占比</div>
<div class="bottom-b">
<div id="chart3" class="allnav"></div>
</div>
</div>
</div>
<div class="center-cen fl">
<div class="cen-top rightTop border">
<div class="top-title">
<ul>
<li>
<p>数量统计</p>
<span>3</span>
<span>6</span>
<span>5</span>
<b>个</b>
</li>
<li>
<p>同比上升</p>
<span>1</span>
<span>3</span>
<b>%</b>
</li>
</ul>
</div>
<div class="top-bottom">
<div id="map" class="allnav" style="height: 4.4rem"></div>
</div>
</div>
<div class="cen-bottom rightTop border">
<div class="title">月统计</div>
<div class="bottom-b">
<div id="chart4" class="allnav"></div>
</div>
</div>
</div>
<div class="center-right fr">
<div class="right-top rightTop border">
<div class="title">商品销售排行</div>
<div class="echart wenzi">
<div class="gun">
<span>排名</span>
<span>商品名称</span>
<span>销量</span>
</div>
<div id="FontScroll" class="myscroll">
<ul>
<li>
<div class="fontInner clearfix">
<span>
<b>1</b>
</span>
<span>女装</span>
<span>4562万</span>
</div>
</li>
<li>
<div class="fontInner clearfix">
<span>
<b>2</b>
</span>
<span>手机配件</span>
<span>4125万</span>
</div>
</li>
<li>
<div class="fontInner clearfix">
<span>
<b>3</b>
</span>
<span>手机</span>
<span>4100万</span>
</div>
</li>
<li>
<div class="fontInner clearfix">
<span>
<b>4</b>
</span>
<span>流行饰品</span>
<span>3989万</span>
</div>
</li>
<li>
<div class="fontInner clearfix">
<span>
<b>5</b>
</span>
<span>男装</span>
<span>3956万</span>
</div>
</li>
<li>
<div class="fontInner clearfix">
<span>
<b>6</b>
</span>
<span>真人发</span>
<span>3823万</span>
</div>
</li>
<li>
<div class="fontInner clearfix">
<span>
<b>7</b>
</span>
<span>手表</span>
<span>3723万</span>
</div>
</li>
html5全屏物流信息大数据展示界面模板
版权申诉
38 浏览量
2022-07-13
14:34:27
上传
评论
收藏 1.86MB RAR 举报
Zp_demo.demohuo.top_32.rar （41个子文件） 
Zp_demo.demohuo.top_32 
bigdata.html 13KB index.html 3KB static css 
index1.css 7KB index3.css 3KB wodry.css 656B survey.css 9KB public.css 2KB index.css 9KB main.css 2KB image 
s_ico3.png 2KB chooseKuang.png 21KB pointer.png 15KB header.png 2KB bg.png 1.4MB
head.gif 20KB kuang.png 24KB picture jinrong.png 560B pic-7.png 2KB pic-4.png 2KB fengxian.png 486B xinyong.png 2KB touxiang.png 11KB pic-6.png 2KB chanye.png 615B pic-5.png 3KB js jquery.js 82KB jquery.min.js 94KB survey.js 101KB mymap.js 11KB index3.js 73KB echarts.js 74KB china.js 60KB fontscroll.js 4KB echarts.min.js 731KB newmap.js 40B index2.js 22KB wodry.min.js 8KB font DISPLAYFREETFB.ttf 15KB index2.html 9KB index3.html 3KB survey.html 12KB资源评论
