Skip to content

Commit fccc0b5

Browse files
DTxiaweibingDTxiaweibing
committed
通过JSON生成器上传文件
1 parent cd419fd commit fccc0b5

1 file changed

Lines changed: 198 additions & 0 deletions

File tree

‎help.html‎

Lines changed: 198 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,198 @@
1+
<!DOCTYPE html>
2+
<html lang="zh-CN">
3+
<head>
4+
<meta charset="UTF-8">
5+
<meta name="viewport" content="width=device-width, initial-scale=1.0">
6+
<title>小棚养虾 · 使用帮助</title>
7+
<style>
8+
* { margin: 0; padding: 0; box-sizing: border-box; }
9+
body {
10+
font-family: system-ui, sans-serif;
11+
background: #f4f9fb;
12+
padding: 16px;
13+
color: #1e2f4d;
14+
}
15+
h2 {
16+
color: #0a7e8c;
17+
margin-bottom: 16px;
18+
font-size: 1.4rem;
19+
}
20+
.faq-item {
21+
background: white;
22+
border-radius: 12px;
23+
margin-bottom: 10px;
24+
box-shadow: 0 1px 4px rgba(0,0,0,0.05);
25+
overflow: hidden;
26+
}
27+
.question {
28+
padding: 14px 16px;
29+
font-weight: 600;
30+
cursor: pointer;
31+
display: flex;
32+
justify-content: space-between;
33+
align-items: center;
34+
color: #1e2f4d;
35+
transition: background 0.2s;
36+
}
37+
.question:active {
38+
background: #e6f4f7;
39+
}
40+
.question.read {
41+
color: #2e7d32;
42+
}
43+
.arrow {
44+
font-size: 12px;
45+
color: #999;
46+
transition: transform 0.2s;
47+
}
48+
.faq-item.open .arrow {
49+
transform: rotate(180deg);
50+
}
51+
.answer {
52+
padding: 0 16px;
53+
max-height: 0;
54+
overflow: hidden;
55+
transition: max-height 0.3s ease, padding 0.3s ease;
56+
border-top: 1px solid #d9ecf2;
57+
color: #445;
58+
line-height: 1.6;
59+
}
60+
.faq-item.open .answer {
61+
max-height: 600px;
62+
padding: 14px 16px;
63+
}
64+
</style>
65+
</head>
66+
<body>
67+
<h2>📖 小棚养虾 使用帮助</h2>
68+
69+
<div class="faq-item" id="faq1">
70+
<div class="question" onclick="toggleFAQ('faq1')">
71+
1. 怎么查看当天虾价？
72+
<span class="arrow">▼</span>
73+
</div>
74+
<div class="answer">点击首页"行情资讯"按钮，App 会自动从网络获取当天的盛阳食品城批发价，并保存在本地。点击任意品种还可以看到历史价格走势。</div>
75+
</div>
76+
77+
<div class="faq-item" id="faq2">
78+
<div class="question" onclick="toggleFAQ('faq2')">
79+
2. 拌料计算器的核心作用是什么？
80+
<span class="arrow">▼</span>
81+
</div>
82+
<div class="answer">拌料计算器的所有功能，最终目的只有一个：<b>让算料和称料不再出错</b>。<br><br>你只需填好棚号、棚数和各种饲料的用量，系统会自动算好加水量、每棚称料量和平均吃料量。照着称就行了，不再担心算错比例、称错重量。</div>
83+
</div>
84+
85+
<div class="faq-item" id="faq3">
86+
<div class="question" onclick="toggleFAQ('faq3')">
87+
3. 查料表的"吃料用时"是怎么算的？
88+
<span class="arrow">▼</span>
89+
</div>
90+
<div class="answer">输入放料时间和查料时间后，App 会根据总棚数平均分配时间段，算出每一棚的理论开始时间，然后用查料时间减去理论开始时间，得到该棚的吃料用时。</div>
91+
</div>
92+
93+
<div class="faq-item" id="faq4">
94+
<div class="question" onclick="toggleFAQ('faq4')">
95+
4. 数据会丢失吗？如何备份？
96+
<span class="arrow">▼</span>
97+
</div>
98+
<div class="answer">所有养殖记录都保存在手机本地数据库中。建议定期在"我的"页面使用备份功能（开发中），或定期将重要的养殖记录截图保存。</div>
99+
</div>
100+
101+
<div class="faq-item" id="faq5">
102+
<div class="question" onclick="toggleFAQ('faq5')">
103+
5. 行情数据是自动更新的吗？
104+
<span class="arrow">▼</span>
105+
</div>
106+
<div class="answer">是的，每天打开行情页面会自动抓取最新数据。你也可以点击"刷新"按钮手动更新。历史数据会自动积累，用于走势图分析。</div>
107+
</div>
108+
109+
<div class="faq-item" id="faq6">
110+
<div class="question" onclick="toggleFAQ('faq6')">
111+
6. 如何切换养殖批次？
112+
<span class="arrow">▼</span>
113+
</div>
114+
<div class="answer">点击首页左上角的菜单按钮 → 选择"批次管理"，可以创建、切换或删除养殖批次。每个批次的数据是独立的。</div>
115+
</div>
116+
117+
<div class="faq-item" id="faq7">
118+
<div class="question" onclick="toggleFAQ('faq7')">
119+
7. 【拌料计算器】表头长按和短按有什么功能？
120+
<span class="arrow">▼</span>
121+
</div>
122+
<div class="answer">
123+
在拌料计算器页面，表头的每一个列名都支持两种操作：<br>
124+
<b>短按</b>：直接触发该列的功能（例如点击"水%"列可以修改全局水百分比）。<br>
125+
<b>长按</b>：弹出菜单，可以选择"固定此列"或"隐藏此列"。固定后的列会始终显示在左边，不会被左右滑动所遮挡；隐藏的列不再显示，但数据依然保留。<br><br>
126+
<i>注意：平板模式下大多数列本来都能完整显示，长按功能主要用于手机端。</i>
127+
</div>
128+
</div>
129+
130+
<div class="faq-item" id="faq8">
131+
<div class="question" onclick="toggleFAQ('faq8')">
132+
8. 【拌料计算器】"发酵料"的参与计算是什么意思？
133+
<span class="arrow">▼</span>
134+
</div>
135+
<div class="answer">
136+
点击"发酵料"表头，可以设置发酵料是否参与两种计算：<br>
137+
<b>参与算水</b>：即发酵料的重量是否计入总干料重量，从而影响加水量的计算。<br>
138+
<b>参与算料</b>：即发酵料的重量是否计入平均吃料量的计算。<br><br>
139+
根据你的拌料习惯灵活选择。设置后所有行的计算结果会自动更新，确保称料数据准确。
140+
</div>
141+
</div>
142+
143+
<div class="faq-item" id="faq9">
144+
<div class="question" onclick="toggleFAQ('faq9')">
145+
9. 【拌料计算器】如何固定或隐藏某一列？
146+
<span class="arrow">▼</span>
147+
</div>
148+
<div class="answer">
149+
<b>固定列</b>：长按表头 → 选择"固定此列"。该列会移到左侧固定区域，左右滑动时它始终可见。<br>
150+
<b>隐藏列</b>：长按表头 → 选择"隐藏此列"。隐藏后列不显示，但数据保留，再次通过菜单可以"显示此列"。<br>
151+
在菜单中也可以选择"显示所有列"或"取消所有固定"来快速重置。
152+
</div>
153+
</div>
154+
155+
<div class="faq-item" id="faq10">
156+
<div class="question" onclick="toggleFAQ('faq10')">
157+
10. 【查料表】时间输入有什么技巧？
158+
<span class="arrow">▼</span>
159+
</div>
160+
<div class="answer">
161+
查料表的时间输入支持简写，系统会自动补全为"时:分:秒"格式：<br><br>
162+
<b>输入1位数字</b>（如 8）：→ 08:00:00<br>
163+
<b>输入2位数字</b>（如 15）：→ 15:00:00<br>
164+
<b>输入3位数字</b>（如 830）：→ 08:30:00<br>
165+
<b>输入4位数字</b>（如 1530）：→ 15:30:00<br>
166+
<b>输入5位或6位数字</b>：会自动按"时:分:秒"补全，秒不足两位自动补0。<br><br>
167+
提交时间时会自动校验，如果输入的时间晚于当前系统时间，会提示并修正。
168+
</div>
169+
</div>
170+
171+
<div class="faq-item" id="faq11">
172+
<div class="question" onclick="toggleFAQ('faq11')">
173+
11. 【查料表】点击打钩（✓）是做什么的？
174+
<span class="arrow">▼</span>
175+
</div>
176+
<div class="answer">
177+
查料表中每一行都有一个输入列，点击后自动填入"✓"，并记录当前系统时间为该棚的查料时间。 <br>
178+
<b>作用</b>：快速标记该棚已经查完料，无需手动输入时间。同时系统会根据放料时间和查料时间自动计算出该棚的吃料用时。<br><br>
179+
如果某行需要从计算中剔除（例如该棚不查料），可以<b>长按左侧棚号</b>，该行会标记为绿色"本行不参与计算"，其时间不计入平均。
180+
</div>
181+
</div>
182+
183+
<script>
184+
function toggleFAQ(id) {
185+
var item = document.getElementById(id);
186+
var question = item.querySelector('.question');
187+
188+
if (item.classList.contains('open')) {
189+
item.classList.remove('open');
190+
} else {
191+
item.classList.add('open');
192+
}
193+
194+
question.classList.add('read');
195+
}
196+
</script>
197+
</body>
198+
</html>

0 commit comments

Comments
 (0)