<!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>
智慧农业大数据展示（Html模板、大数据模板、大屏echarts模板）.zip
版权申诉
163 浏览量
2022-12-28
16:56:49
上传
评论
收藏 2.36MB ZIP 举报
智慧农业大数据展示（Html模板、大数据模板、大屏echarts模板）.zip （12个子文件） 
智慧农业大数据展示 js 
fontscroll.js 4KB echart.js 47KB china.js 84KB echarts.min.js 1.25MB jquery.js 141KB jquery.min.js 157KB img 
ksh33.png 2KB a.png 29KB b.png 26KB bj.png 1.95MB css index.css 11KB
index.html 16KB资源评论
JGiser
- 粉丝: 7371
- 资源: 5111
下载权益
C知道特权
VIP文章
课程特权
VIP享7折，此内容立减5.97元 开通VIP
