<!doctype html>
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>智慧农业大数据展示</title>
<link rel="stylesheet" href="css/index.css">
<script src="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" id="time"></div>
<div class="header-cen">
<h1>智慧农业大数据展示</h1>
</div>
<div class="header-right"></div>
</div>
<!--中间-->
<div class="content">
<!--左边-->
<div class="content-left fl">
<!--左上-->
<div class="left-top">
<div class="title">
<span>基本信息</span>
</div>
<div class="list">
<p>托各地丰富的无公害、应季的果蔬资源、海鲜资源、山地及海域资源以及农村特色人文资源而搭建，集优质资源整合、优化、流通于一体，涵盖有机蔬果产品、特色平价海鲜、农村生态人文旅游</p>
<ul>
<li>建筑面积：1168亩</li>
<li>农户总数：867户</li>
<li>人口总数：13万</li>
<li>年总产值：680万</li>
<li>年总产值：4651万</li>
<li>年总产值：4546万</li>
</ul>
</div>
</div>
<!--左中-->
<div class="left-center">
<div class="title">
<span>蔬菜类别</span>
</div>
<div class="allnav" id="ceshi"></div>
</div>
<!--左下-->
<div class="left-bottom">
<div class="title">
<span>产量/种植面积</span>
</div>
<div class="allnav" id="ceshi2"></div>
</div>
</div>
<!--中间-->
<div class="content-center fl">
<!--头部-->
<div class="center-top">
<div class="top-title">
<ul>
<li>
<p>种植基地</p>
<span>3</span>
<span>6</span>
<span>5</span>
<b>个</b>
</li>
<li>
<p>已接入</p>
<span>8</span>
<span>3</span>
<b>%</b>
</li>
</ul>
</div>
<div class="top-bottom">
<div class="allnav" id="ceshi8"></div>
</div>
</div>
<!--底部-->
<div class="center-bottom">
<div class="bottom-left fl">
<div class="allnav" id="ceshi6"></div>
</div>
<div class="bottom-right fr">
<div class="allnav" id="ceshi7" style="width: 100%;height: 100%;"></div>
</div>
</div>
</div>
<!--右边-->
<div class="content-right fr">
<!--右上-->
<div class="right-top">
<!--选项卡内容-->
<div id="tab_header">
<ul>
<li class="selected">商铺信息</li>
<li>基地信息</li>
</ul>
</div>
<!--内容-->
<div id="tab_content">
<div class="dom" style="display: block">
<ul>
<li>
<p>座收租金</p>
<span>50万</span>
<label>元</label>
</li>
<li>
<p>座收租金</p>
<span>50万</span>
<label>元</label>
</li>
<li>
<p>座收租金</p>
<span>50万</span>
<label>元</label>
</li>
</ul>
<div class="list-t">
<ul>
<li>
<span>50万</span>
<p>商铺</p>
</li>
<li>
<span>50万</span>
<p>商铺</p>
</li>
<li>
<span>50万</span>
<p>商铺</p>
</li>
<li>
<span>50万</span>
<p>商铺</p>
</li>
<li>
<span>50万</span>
<p>商铺</p>
</li>
<li>
<span>50万</span>
<p>商铺</p>
</li>
</ul>
</div>
</div>
<div class="dom" style="display: none">
<div class="listStyle">
<span>大棚：<strong>560</strong>个</span>
<span>供应企业：<strong>36</strong>家</span>
<span>经销商：<strong>540</strong>个</span>
<span>供应链：<strong>15</strong>条</span>
<span>蔬菜加工基地：<strong>20</strong>个</span>
<span>售后卸载：<strong>29</strong>家</span>
<span>冷藏基地：<strong>10</strong>个</span>
<span>冷藏车：<strong>120</strong>台</span>
</div>
</div>
</div>
<!--选项卡内容-->
</div>
<!--右中-->
<div class="right-center">
<div class="title">
<spa
基于echart智慧农业大数据-大屏展示.rar
版权申诉
196 浏览量
2024-04-24
09:54:01
上传
评论
收藏 2.33MB RAR 举报
基于echart智慧农业大数据-大屏展示.rar （12个子文件） 
基于echart智慧农业大数据-大屏展示 js 
fontscroll.js 4KB echart.js 46KB china.js 83KB echarts.min.js 1.22MB jquery.js 138KB jquery.min.js 154KB img 
ksh33.png 2KB a.png 29KB b.png 26KB bj.png 1.95MB css index.css 10KB
index.html 16KB资源评论
