mirror of
https://github.com/JasonYANG170/Flowerpot.git
synced 2024-11-23 12:06:35 +00:00
Add files via upload
This commit is contained in:
JasonYANG17
GitHub
parent
1f98506f38
commit
0eb6fd50ca
115
index.html
Normal file
115
index.html
Normal file
|
|
@ -0,0 +1,115 @@
|
||||||
|
<!DOCTYPE html>
|
||||||
|
<html lang="en">
|
||||||
|
<head>
|
||||||
|
<meta charset="utf-8">
|
||||||
|
<title>商品介绍</title>
|
||||||
|
<link rel="stylesheet" type="text/css" href="style.css">
|
||||||
|
</head>
|
||||||
|
<body>
|
||||||
|
<header>
|
||||||
|
|
||||||
|
<nav>
|
||||||
|
<ul>
|
||||||
|
<asd><h1>智能节水净水花盆</h1></asd>
|
||||||
|
|
||||||
|
<li><a style="color: black" href=" ">首页</a></li>
|
||||||
|
<li><a style="color: black" href="#all-products">参赛项目</a></li>
|
||||||
|
<li><a style="color: black" href="#pc">桌面设备用户监测中心</a></li>
|
||||||
|
<li><a style="color: black" href="#phone">移动设备用户监测中心</a></li>
|
||||||
|
<li><a style="color: black" href="#app">安卓APP下载</a></li>
|
||||||
|
<li><a style="color: black" href="#other-products">其他产品</a></li>
|
||||||
|
<li><a style="color: black" href="#brand-story">品牌故事</a></li>
|
||||||
|
|
||||||
|
<form>
|
||||||
|
<input type="text"style="width: 130px" placeholder="搜索...">
|
||||||
|
<button type="submit" style="height: auto;width: auto">搜索</button>
|
||||||
|
</form>
|
||||||
|
</ul>
|
||||||
|
|
||||||
|
</nav>
|
||||||
|
</header>
|
||||||
|
|
||||||
|
<marquee>
|
||||||
|
<img style="height: 300px" src="pic/IMG_20230321_224413.jpg">
|
||||||
|
<img style="height: 300px" src="pic/IMG_20230321_224527.jpg">
|
||||||
|
<img style="height: 300px" src="pic/IMG_20230321_224703.jpg">
|
||||||
|
<img style="height: 300px" src="pic/IMG_20230321_225043.jpg">
|
||||||
|
<img style="height: 300px" src="pic/IMG_20230321_225112.jpg">
|
||||||
|
<img style="height: 300px" src="pic/IMG_20230321_225135.jpg">
|
||||||
|
<img style="height: 300px" src="pic/IMG_20230322_121249.jpg">
|
||||||
|
|
||||||
|
</marquee>
|
||||||
|
|
||||||
|
<main>
|
||||||
|
<header>
|
||||||
|
<section id="home">
|
||||||
|
<h2>第十八届挑战杯参赛项目</h2>
|
||||||
|
<p>智能节水净水花盆</p >
|
||||||
|
<p>由于本项目的网站域名仍在接受公安备案，所以只能通过本网站进行跳转访问临时网址</p >
|
||||||
|
<p>如遇到网站失效或访问失败，请联系邮箱qw200477@163.com我们会尽快更新临时域名</p >
|
||||||
|
</section>
|
||||||
|
</header>
|
||||||
|
<section id="all-products">
|
||||||
|
<h2>参赛项目</h2>
|
||||||
|
<p>智能节水净水花盆</p >
|
||||||
|
|
||||||
|
<box>
|
||||||
|
|
||||||
|
<h2>支持功能</h2>
|
||||||
|
|
||||||
|
<ol>
|
||||||
|
<li>土壤缺水时自动浇水。</li>
|
||||||
|
<li>天黑时自动开启红蓝光为植物提供光合作用。</li>
|
||||||
|
<li>实时获取环境温度，湿度与土壤湿度并显示。</li>
|
||||||
|
<li>连接WIFI实时上传获取的数据到云端。</li>
|
||||||
|
<li>用户可以通过网页获取植物生长数据。</li>
|
||||||
|
<li>用户可以通过小程序获取实时数据。</li>
|
||||||
|
<li>将植物生长数据转换成表情显示。</li>
|
||||||
|
<li>支持太阳能充电减少电能消耗。</li>
|
||||||
|
<li>支持锂电池供电。</li>
|
||||||
|
<li>通过活性炭，沸石的物理性对水进行过滤。</li>
|
||||||
|
<li>回收土壤过饱和水资源，循环利用。</li>
|
||||||
|
</ol>
|
||||||
|
|
||||||
|
</box>
|
||||||
|
|
||||||
|
<box>
|
||||||
|
|
||||||
|
<h2>使用说明</h2>
|
||||||
|
<h3>离线模式</h3>
|
||||||
|
<p>1.接入电源或开启电池供电开关。</p>
|
||||||
|
<h3>在线模式</h3>
|
||||||
|
<ol>
|
||||||
|
<li>接入电源或开启电池供电开关。</li>
|
||||||
|
|
||||||
|
<li>点击按钮进入配网界面。</li>
|
||||||
|
<li>使用手机连接Flowerpot网络，输入密码12345678</li>
|
||||||
|
<li>手机自动进入配网界面，点击配网，</p><p>输入连接的WIFI名称和密码，自动重启程序。</li>
|
||||||
|
<li>进入智能节水净水花盆APP或网站即可看到实时信息。</li>
|
||||||
|
</ol>
|
||||||
|
|
||||||
|
</box>
|
||||||
|
<box>
|
||||||
|
|
||||||
|
<h2> 产品前景</h2>
|
||||||
|
<h3>1.国家层面：</h3>
|
||||||
|
<p>政策支持，党中央强调绿水青山就是金山银山，</p>
|
||||||
|
<p>全面推动生态文明建设，把生态文明建设摆在突出位置，弘扬生态文明思想。</p>
|
||||||
|
<h3>2.社会层面：</h3>
|
||||||
|
<p>生态链根基，植物是生态链不可缺少的部分，</p><p>也是最底层最重要的部分，培育植物即是培养环境，也是保护中上层生态链的全体动物。</p>
|
||||||
|
<h3>3.个人层面：</h3>
|
||||||
|
<p>时代潮流，当代人们生活忙碌，工作时间长，</p><p>休息时间短，而本项目的出现可有效帮助人们解决工作时间无法养护植物的问题。</p><p>全方位，多层次，宽领域，全面优势</p>
|
||||||
|
</box>
|
||||||
|
|
||||||
|
</section>
|
||||||
|
|
||||||
|
|
||||||
|
</main>
|
||||||
|
<clear></clear>
|
||||||
|
<footer>
|
||||||
|
<p>© 2023 第十八届挑战杯参赛项目挑战杯</p >
|
||||||
|
<p>智能节水净水花盆参赛小组</p >
|
||||||
|
<p>小组成员：杨哲，关诒鑫，杨淳翔，马玲</p >
|
||||||
|
</footer>
|
||||||
|
</body>
|
||||||
|
</html>
|
||||||
121
style.css
Normal file
121
style.css
Normal file
|
|
@ -0,0 +1,121 @@
|
||||||
|
body {
|
||||||
|
font-family: Arial, sans-serif;
|
||||||
|
margin: 0;
|
||||||
|
padding: 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
header {
|
||||||
|
background-color: aqua;
|
||||||
|
border: 1px solid black;
|
||||||
|
padding: 10px;
|
||||||
|
}
|
||||||
|
|
||||||
|
headerm {
|
||||||
|
background-color: pink;
|
||||||
|
color: #fff;
|
||||||
|
padding: 10px;
|
||||||
|
}
|
||||||
|
h1 {
|
||||||
|
margin: 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
nav ul {
|
||||||
|
list-style-type: none;
|
||||||
|
margin: 5px;
|
||||||
|
padding: 5px;
|
||||||
|
width: 100%;
|
||||||
|
justify-content:center;
|
||||||
|
display: inline-flex;
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
nav li {
|
||||||
|
margin-right: auto;
|
||||||
|
margin-left: auto;
|
||||||
|
color: black;
|
||||||
|
}
|
||||||
|
nav asd{
|
||||||
|
text-align:left;
|
||||||
|
color: black;
|
||||||
|
float: left;
|
||||||
|
|
||||||
|
}
|
||||||
|
nav a {
|
||||||
|
color: #fff;
|
||||||
|
text-decoration: none;
|
||||||
|
}
|
||||||
|
|
||||||
|
nav form {
|
||||||
|
display: flex;
|
||||||
|
|
||||||
|
float: right;
|
||||||
|
margin-left: 30px;
|
||||||
|
width: 200px;
|
||||||
|
height: 30px;
|
||||||
|
}
|
||||||
|
|
||||||
|
nav input[type="text"] {
|
||||||
|
padding: 5px;
|
||||||
|
border-radius: 5px;
|
||||||
|
border: none;
|
||||||
|
margin-right: 10px;
|
||||||
|
}
|
||||||
|
|
||||||
|
nav button[type="submit"] {
|
||||||
|
background-color: #fff;
|
||||||
|
color: #333;
|
||||||
|
border: none;
|
||||||
|
padding: 5px 10px;
|
||||||
|
border-radius: 5px;
|
||||||
|
cursor: pointer;
|
||||||
|
}
|
||||||
|
|
||||||
|
main {
|
||||||
|
padding: 20px;
|
||||||
|
}
|
||||||
|
|
||||||
|
section {
|
||||||
|
margin-bottom: 40px;
|
||||||
|
}
|
||||||
|
|
||||||
|
h2 {
|
||||||
|
margin-top: 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
ul {
|
||||||
|
list-style-type: none;
|
||||||
|
margin: 0;
|
||||||
|
padding: 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
footer {
|
||||||
|
height: auto;
|
||||||
|
width: auto;
|
||||||
|
background-color: aqua;
|
||||||
|
color:black;
|
||||||
|
padding: 10px;
|
||||||
|
text-align: center;
|
||||||
|
|
||||||
|
}
|
||||||
|
|
||||||
|
box{
|
||||||
|
float: left;
|
||||||
|
display: inline-block;
|
||||||
|
padding: 2px;
|
||||||
|
border: 1px solid blue;
|
||||||
|
width: auto;
|
||||||
|
height: 450px;
|
||||||
|
margin-right: 10px;
|
||||||
|
margin-left: 10px;
|
||||||
|
margin-bottom: 20px;
|
||||||
|
|
||||||
|
}
|
||||||
|
box2{
|
||||||
|
width: 100px;
|
||||||
|
border-bottom: 1px solid blue;
|
||||||
|
|
||||||
|
}
|
||||||
|
clear{
|
||||||
|
clear: both;
|
||||||
|
display: block;
|
||||||
|
}
|
||||||
Loading…
Reference in New Issue
Block a user