<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<meta http-equiv="X-UA-Compatible" content="ie=edge" />
<link rel="stylesheet" href="./css/style.css" />
</head>
<body>
<!-- 头部模块 -->
<div class="header">
<ul class="left">
<li></li>
<li></li>
<li></li>
<li></li>
</ul>
<div class="title">
<span>Data Visualization Display System</span>
</div>
<ul class="right">
<li></li>
<li></li>
<li></li>
<li></li>
</ul>
</div>
<!-- 主体模块 -->
<div class="main">
<!-- 左侧模块 -->
<div class="main-left">
<!-- 完成率 -->
<div class="completion">
<div class="completion-content">
<div class="rate">
<h5><span>完成率</span></h5>
<p>67%</p>
</div>
</div>
</div>
<!-- 闪电 -->
<div class="lightning">
<div class="lightning1">
<div class="sd1"></div>
<div class="jd1">
<ul class="cd">
<li></li>
<li></li>
<li></li>
<li></li>
<li></li>
<li></li>
<li></li>
</ul>
<div class="box1"></div>
<div class="box2"></div>
</div>
</div>
<div class="lightning2">
<div class="sd2"></div>
<div class="jd2">
<ul class="cd">
<li></li>
<li></li>
<li></li>
<li></li>
<li></li>
<li></li>
<li></li>
</ul>
<div class="box1"></div>
<div class="box2"></div>
</div>
</div>
</div>
<!-- top3 -->
<div class="top3">
<ul>
<li>
<div class="title">NO.1</div>
<div class="content">
<p>80%</p>
<span>门店1</span>
</div>
</li>
<li>
<div class="title">NO.2</div>
<div class="content">
<p>80%</p>
<span>门店2</span>
</div>
</li>
<li>
<div class="title">NO.3</div>
<div class="content">
<p>80%</p>
<span>门店3</span>
</div>
</li>
</ul>
</div>
</div>
<!-- 中间模块 -->
<div class="main-middle">
<div class="external1"></div>
<div class="external2"></div>
<div class="external3"></div>
<div class="external4"></div>
<!-- 加载 -->
<div class="jz1">
<ul>
<li></li>
<li></li>
<li></li>
<li></li>
<li></li>
<li></li>
<li></li>
<li></li>
<li></li>
<li></li>
</ul>
</div>
<div class="jz2">
<ul>
<li></li>
<li></li>
<li></li>
<li></li>
<li></li>
<li></li>
<li></li>
<li></li>
<li></li>
<li></li>
</ul>
</div>
<!-- 内边框 -->
<div class="inner1"></div>
<div class="inner2"></div>
<!-- 内加载箭头模块 -->
<div class="arrow-l">
<ol>
<li></li>
<li></li>
<li></li>
</ol>
</div>
<div class="arrow-r">
<ol>
<li></li>
<li></li>
<li></li>
</ol>
</div>
<!-- 中间仪表图 -->
<div class="meter"></div>
<!-- 中间背景canvas -->
<div class="animate"></div>
<!-- 销售额 -->
<div class="sale">
<p><span>销售额</span></p>
<p><span>6593625</span></p>
</div>
</div>
<!-- 右侧模块 -->
<div class="main-right">
<!-- 同比 -->
<div class="compare">
<div class="compare-content">
<div class="rate2">
<h5><span>同比</span></h5>
<p>0.58</p>
</div>
</div>
</div>
<!-- 闪电 -->
<div class="lightning">
<div class="lightning3">
<div class="jd3">
<ul class="cd">
<li></li>
<li></li>
<li></li>
<li></li>
<li></li>
<li></li>
<li></li>
</ul>
<div class="box1"></div>
<div class="box2"></div>
</div>
<div class="sd3"></div>
</div>
<div class="lightning4">
<div class="jd4">
<ul class="cd">
<li></li>
<li></li>
<li></li>
<li></li>
<li></li>
<li></li>
<li></li>
</ul>
<div class="box1"></div>
<div class="box2"></div>
</div>
<div class="sd4"></div>
</div>
</div>
<!-- top6 -->
<div class="top6">
<ul>
<li>
<div class="title">NO.4</div>
<div class="content">
<p>80%</p>
<span>门店4</span>
</div>
</li>
<li>
<div class="title">NO.5</div>
<div class="content">
<p>80%</p>
<span>门店5</span>
</div>
</li>
<li>
<div class="title">NO.6</div>
<div class="content">
<p>80%</p>
<span>门店6</span>
</div>
</li>
</ul>
</div>
</div>
</div>
<!-- 底部模块 -->
<div class="bottom">
<div class="ul-box">
<ul>
<li>
<div class="li-content">
<p><span>鞋销售</span></p>
<p><span>226933</span></p>
<div class="li-box">
<div class="box1">
<h5><span>完成率</span></h5>
<div class="pic">
<img src="./images/wc.png" alt="更多资源：" />
<span>54.6%</span>
</div>
</div>
<div class="box2">
<h5><span>折扣率</span></h5>
<div class="pic">
<img src="./images/zc.png" alt="更多资源：" />
<span>74.6%</span>
</div>
</div>
<div class="box3">
<h5><span>售罄率</span></h5>
<div class="pic">
<img src="./images/sq.png" alt="更多资源：" />
<span>25.3%</span>
</div>
</div>
<div class="box4">
<h5><span>同比</span></h5>
<div class="pic">
<img src="./images/tb.png" alt="更多资源：" />
<span>55.3%</span>
</div>
</div>
</div>
</div>
</li>
<li>
<div class="li-content">
门店销售监控平台（Html模板、大数据模板、大屏echarts模板）.zip
版权申诉
36 浏览量
2022-12-28
16:53:42
上传
评论
收藏 2.42MB ZIP 举报
门店销售监控平台（Html模板、大数据模板、大屏echarts模板）.zip （37个子文件） 
门店销售监控平台 node_modules jquery dist 
jquery.js 284KB jquery.min.js 86KB js main.js 19KB css style.css 30KB style.less 42KB package-lock.json 322B
index.html 15KB images 
cricle.png 4KB border2.png 9KB 3.png 2KB border.png 23KB yuan.png 317B wc.png 1KB tb.png 1003B 1.png 2KB huan.png 13KB di.png 45KB arrow-r.png 530B 6.png 2KB background.png 917KB bg.png 64KB border02.png 22KB 5.png 2KB 4.png 2KB leftBorder.png 11KB border3.png 1KB border4.png 4KB cicle.png 52KB border1.png 9KB sq.png 683B rightBorder.png 11KB jz.png 1KB arrow-l.png 513B 2.png 2KB zc.png 2KB 036 门店销售监控平台.png 1.09MB fonts 液晶数字字体.TTF 54KB资源评论
