fish/finance-talk
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity
Files
5e05a37c5d9dc32ae0b301910e8bb7e41c27a87e
finance-talk/振幅锁仓策略/index-SA.html
T
fish 5e05a37c5d 标题点击只打开一个面板
2026-07-24 15:41:46 +08:00

244 lines
16 KiB
HTML
Raw Blame History

<!DOCTYPE html>
<html lang="zh-CN">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>振幅锁仓策略 — 纯碱 SA2609 & SA2611 & SA2701</title>
<style>
:root {
--bg: #fff; --fg: #1e293b; --sub: #64748b;
--th-bg: #f1f5f9; --th-fg: #334155; --th-border: #cbd5e1;
--td-border: #e2e8f0; --td-even: #f8fafc; --td-first: #334155;
--na: #94a3b8;
}
[data-theme="dark"] {
--bg: #0f172a; --fg: #e2e8f0; --sub: #94a3b8;
--th-bg: #1e293b; --th-fg: #cbd5e1; --th-border: #334155;
--td-border: #1e293b; --td-even: #1a2332; --td-first: #e2e8f0;
--na: #64748b;
}
body { font-family: -apple-system, 'Segoe UI', system-ui, sans-serif; padding: 24px; max-width: 1100px; margin: 0 auto; color: var(--fg); background: var(--bg); }
h1 { font-size: 1.4rem; margin-bottom: 8px; }
.sub { color: var(--sub); font-size: 0.85rem; margin-bottom: 8px; }
.sub a { color: #3b82f6; cursor: pointer; text-decoration: none; }
.sub a:hover { text-decoration: underline; }
.formula { color: var(--sub); font-size: 0.8rem; margin-bottom: 24px; padding: 6px 12px; background: var(--th-bg); border-radius: 4px; display: inline-block; }
table { border-collapse: collapse; width: 100%; font-size: 0.9rem; }
th { background: var(--th-bg); color: var(--th-fg); font-weight: 600; padding: 8px 10px; border: 1px solid var(--th-border); text-align: center; white-space: nowrap; }
td { padding: 6px 10px; border: 1px solid var(--td-border); text-align: center; }
tr:nth-child(even) td { background: var(--td-even); }
td:first-child { font-weight: 500; color: var(--td-first); }
tr.active td { background: #dbeafe !important; }
[data-theme="dark"] tr.active td { background: #1e3a5f !important; }
td:nth-child(2) { font-size: 0.78rem; color: var(--sub); }
.na { color: var(--na); }
.toggle-btn { position: fixed; top: 16px; right: 24px; background: var(--th-bg); border: 1px solid var(--th-border); color: var(--th-fg); padding: 6px 14px; border-radius: 6px; cursor: pointer; font-size: 0.82rem; z-index: 10; }
.toggle-btn:hover { opacity: 0.8; }
.section { margin-bottom: 8px; }
.section h2 { font-size: 1.1rem; cursor: pointer; user-select: none; display: flex; align-items: center; gap: 8px; margin: 28px 0 10px; padding: 4px 0; }
.section h2 .arrow { display: inline-block; transition: transform .2s; font-size: 0.8rem; }
.section.collapsed h2 .arrow { transform: rotate(-90deg); }
.section.collapsed table { display: none; }
.drawer-overlay { position: fixed; inset: 0; background: rgba(0,0,0,.35); z-index: 99; display: none; }
.drawer-overlay.show { display: block; }
.drawer { position: fixed; top: 0; right: 0; width: 340px; height: 100%; background: var(--bg); border-left: 1px solid var(--th-border); z-index: 100; padding: 24px; transform: translateX(100%); transition: transform .25s ease; overflow-y: auto; box-shadow: -4px 0 20px rgba(0,0,0,.15); }
.drawer.show { transform: translateX(0); }
.drawer h3 { font-size: 1rem; margin-bottom: 4px; }
.drawer .date-label { color: var(--sub); font-size: 0.82rem; margin-bottom: 16px; }
.drawer .calc-table { width: 100%; border-collapse: collapse; font-size: 0.82rem; margin-bottom: 14px; }
.drawer .calc-table td { padding: 4px 8px; border: 1px solid var(--td-border); text-align: center; }
.drawer .calc-table tr:first-child td { background: var(--th-bg); font-weight: 600; color: var(--th-fg); }
.drawer .result { font-size: 0.85rem; line-height: 1.8; color: var(--fg); }
.drawer .result b { font-size: 1.1rem; }
.drawer .close-btn { position: absolute; top: 16px; right: 20px; background: none; border: none; font-size: 1.4rem; cursor: pointer; color: var(--sub); line-height: 1; }
.drawer .close-btn:hover { color: var(--fg); }
.amp-cell { cursor: pointer; text-decoration: underline; text-decoration-style: dotted; text-underline-offset: 3px; }
.amp-cell:hover { color: #3b82f6; }
.nav-link { color: var(--sub); font-size: 0.82rem; margin-bottom: 4px; }
.nav-link a { color: #3b82f6; text-decoration: none; }
.nav-link a:hover { text-decoration: underline; }
</style>
</head>
<body>
<button class="toggle-btn" id="themeToggle">🌙 暗夜</button>
<h1>振幅锁仓策略 — 纯碱</h1>
<p class="nav-link"><a href="index.html">&larr; 返回总览</a> &nbsp;|&nbsp; <a href="index-FG.html">查看玻璃</a></p>
<p class="sub"><a href="javascript:;" onclick="openSection('sec-sa2609')">SA2609</a> &nbsp;|&nbsp; <a href="javascript:;" onclick="openSection('sec-sa2611')">SA2611</a> &nbsp;|&nbsp; <a href="javascript:;" onclick="openSection('sec-sa2701')">SA2701</a></p>
<p class="formula">振幅算法：近 5 日均振幅 = 过去 5 个交易日 (最高 − 最低) 的均值，结果四舍五入取整</p>
<div class="section collapsed" id="sec-sa2609">
<h2 onclick="toggleSection('sec-sa2609')"><span class="arrow">▼</span> SA2609 纯碱</h2>
<table>
<tr><th>日期</th><th>星期</th><th>开盘</th><th>收盘</th><th>最高</th><th>最低</th><th>最高最低差价</th><th>振幅</th></tr>
<tr><td>2026/7/1</td><td>周三</td><td>1086</td><td>1089</td><td>1097</td><td>1084</td><td>13</td><td class="na">-</td></tr>
<tr><td>2026/7/2</td><td>周四</td><td>1088</td><td>1103</td><td>1110</td><td>1087</td><td>23</td><td class="na">-</td></tr>
<tr><td>2026/7/3</td><td>周五</td><td>1102</td><td>1103</td><td>1113</td><td>1098</td><td>15</td><td class="na">-</td></tr>
<tr><td>2026/7/6</td><td>周一</td><td>1105</td><td>1101</td><td>1117</td><td>1098</td><td>19</td><td class="na">-</td></tr>
<tr><td>2026/7/7</td><td>周二</td><td>1100</td><td>1070</td><td>1102</td><td>1070</td><td>32</td><td class="na">-</td></tr>
<tr><td>2026/7/8</td><td>周三</td><td>1072</td><td>1080</td><td>1084</td><td>1070</td><td>14</td><td class="amp-cell">20</td></tr>
<tr><td>2026/7/9</td><td>周四</td><td>1078</td><td>1078</td><td>1082</td><td>1065</td><td>17</td><td class="amp-cell">21</td></tr>
<tr><td>2026/7/10</td><td>周五</td><td>1079</td><td>1084</td><td>1093</td><td>1073</td><td>20</td><td class="amp-cell">19</td></tr>
<tr><td>2026/7/13</td><td>周一</td><td>1083</td><td>1063</td><td>1089</td><td>1061</td><td>28</td><td class="amp-cell">20</td></tr>
<tr><td>2026/7/14</td><td>周二</td><td>1065</td><td>1064</td><td>1070</td><td>1057</td><td>13</td><td class="amp-cell">22</td></tr>
<tr><td>2026/7/15</td><td>周三</td><td>1064</td><td>1051</td><td>1066</td><td>1049</td><td>17</td><td class="amp-cell">18</td></tr>
<tr><td>2026/7/16</td><td>周四</td><td>1052</td><td>1034</td><td>1055</td><td>1030</td><td>25</td><td class="amp-cell">19</td></tr>
<tr><td>2026/7/17</td><td>周五</td><td>1035</td><td>1007</td><td>1035</td><td>1006</td><td>29</td><td class="amp-cell">21</td></tr>
<tr><td>2026/7/20</td><td>周一</td><td>1009</td><td>1006</td><td>1022</td><td>1004</td><td>18</td><td class="amp-cell">22</td></tr>
<tr><td>2026/7/21</td><td>周二</td><td>1005</td><td>1009</td><td>1015</td><td>1000</td><td>15</td><td class="amp-cell">20</td></tr>
<tr><td>2026/7/22</td><td>周三</td><td>1009</td><td>1013</td><td>1020</td><td>988</td><td>32</td><td class="amp-cell">21</td></tr>
<tr><td>2026/7/23</td><td>周四</td><td>1014</td><td>1007</td><td>1018</td><td>996</td><td>22</td><td class="amp-cell">24</td></tr>
<tr><td>2026/7/24</td><td>周五</td><td class="na">-</td><td class="na">-</td><td class="na">-</td><td class="na">-</td><td>0</td><td class="amp-cell">23</td></tr>
</table>
</div>
<div class="section collapsed" id="sec-sa2611">
<h2 onclick="toggleSection('sec-sa2611')"><span class="arrow">▼</span> SA2611 纯碱</h2>
<table>
<tr><th>日期</th><th>星期</th><th>开盘</th><th>收盘</th><th>最高</th><th>最低</th><th>最高最低差价</th><th>振幅</th></tr>
<tr><td>2026/7/1</td><td>周三</td><td>1117</td><td>1118</td><td>1128</td><td>1112</td><td>16</td><td class="na">-</td></tr>
<tr><td>2026/7/2</td><td>周四</td><td>1119</td><td>1134</td><td>1139</td><td>1117</td><td>22</td><td class="na">-</td></tr>
<tr><td>2026/7/3</td><td>周五</td><td>1133</td><td>1132</td><td>1142</td><td>1127</td><td>15</td><td class="na">-</td></tr>
<tr><td>2026/7/6</td><td>周一</td><td>1130</td><td>1128</td><td>1145</td><td>1126</td><td>19</td><td class="na">-</td></tr>
<tr><td>2026/7/7</td><td>周二</td><td>1128</td><td>1094</td><td>1128</td><td>1092</td><td>36</td><td class="na">-</td></tr>
<tr><td>2026/7/8</td><td>周三</td><td>1093</td><td>1105</td><td>1110</td><td>1093</td><td>17</td><td class="amp-cell">22</td></tr>
<tr><td>2026/7/9</td><td>周四</td><td>1102</td><td>1103</td><td>1107</td><td>1090</td><td>17</td><td class="amp-cell">22</td></tr>
<tr><td>2026/7/10</td><td>周五</td><td>1101</td><td>1113</td><td>1120</td><td>1100</td><td>20</td><td class="amp-cell">21</td></tr>
<tr><td>2026/7/13</td><td>周一</td><td>1112</td><td>1089</td><td>1118</td><td>1086</td><td>32</td><td class="amp-cell">22</td></tr>
<tr><td>2026/7/14</td><td>周二</td><td>1092</td><td>1092</td><td>1094</td><td>1085</td><td>9</td><td class="amp-cell">24</td></tr>
<tr><td>2026/7/15</td><td>周三</td><td>1091</td><td>1077</td><td>1095</td><td>1076</td><td>19</td><td class="amp-cell">19</td></tr>
<tr><td>2026/7/16</td><td>周四</td><td>1080</td><td>1057</td><td>1081</td><td>1053</td><td>28</td><td class="amp-cell">19</td></tr>
<tr><td>2026/7/17</td><td>周五</td><td>1060</td><td>1036</td><td>1060</td><td>1035</td><td>25</td><td class="amp-cell">22</td></tr>
<tr><td>2026/7/20</td><td>周一</td><td>1038</td><td>1041</td><td>1055</td><td>1037</td><td>18</td><td class="amp-cell">23</td></tr>
<tr><td>2026/7/21</td><td>周二</td><td>1039</td><td>1042</td><td>1049</td><td>1034</td><td>15</td><td class="amp-cell">20</td></tr>
<tr><td>2026/7/22</td><td>周三</td><td>1041</td><td>1041</td><td>1048</td><td>1017</td><td>31</td><td class="amp-cell">21</td></tr>
<tr><td>2026/7/23</td><td>周四</td><td>1042</td><td>1037</td><td>1046</td><td>1026</td><td>20</td><td class="amp-cell">23</td></tr>
<tr><td>2026/7/24</td><td>周五</td><td class="na">-</td><td class="na">-</td><td class="na">-</td><td class="na">-</td><td>0</td><td class="amp-cell">22</td></tr>
</table>
</div>
<div class="section collapsed" id="sec-sa2701">
<h2 onclick="toggleSection('sec-sa2701')"><span class="arrow">▼</span> SA2701 纯碱</h2>
<table>
<tr><th>日期</th><th>星期</th><th>开盘</th><th>收盘</th><th>最高</th><th>最低</th><th>最高最低差价</th><th>振幅</th></tr>
<tr><td>2026/7/1</td><td>周三</td><td>1157</td><td>1157</td><td>1164</td><td>1152</td><td>12</td><td class="na">-</td></tr>
<tr><td>2026/7/2</td><td>周四</td><td>1156</td><td>1171</td><td>1176</td><td>1155</td><td>21</td><td class="na">-</td></tr>
<tr><td>2026/7/3</td><td>周五</td><td>1169</td><td>1172</td><td>1180</td><td>1166</td><td>14</td><td class="na">-</td></tr>
<tr><td>2026/7/6</td><td>周一</td><td>1171</td><td>1166</td><td>1182</td><td>1165</td><td>17</td><td class="na">-</td></tr>
<tr><td>2026/7/7</td><td>周二</td><td>1164</td><td>1139</td><td>1167</td><td>1139</td><td>28</td><td class="na">-</td></tr>
<tr><td>2026/7/8</td><td>周三</td><td>1142</td><td>1148</td><td>1151</td><td>1139</td><td>12</td><td class="amp-cell">18</td></tr>
<tr><td>2026/7/9</td><td>周四</td><td>1148</td><td>1144</td><td>1149</td><td>1133</td><td>16</td><td class="amp-cell">18</td></tr>
<tr><td>2026/7/10</td><td>周五</td><td>1146</td><td>1152</td><td>1161</td><td>1142</td><td>19</td><td class="amp-cell">17</td></tr>
<tr><td>2026/7/13</td><td>周一</td><td>1149</td><td>1132</td><td>1158</td><td>1130</td><td>28</td><td class="amp-cell">18</td></tr>
<tr><td>2026/7/14</td><td>周二</td><td>1135</td><td>1135</td><td>1137</td><td>1128</td><td>9</td><td class="amp-cell">21</td></tr>
<tr><td>2026/7/15</td><td>周三</td><td>1136</td><td>1122</td><td>1138</td><td>1120</td><td>18</td><td class="amp-cell">17</td></tr>
<tr><td>2026/7/16</td><td>周四</td><td>1123</td><td>1098</td><td>1125</td><td>1096</td><td>29</td><td class="amp-cell">18</td></tr>
<tr><td>2026/7/17</td><td>周五</td><td>1100</td><td>1078</td><td>1100</td><td>1077</td><td>23</td><td class="amp-cell">21</td></tr>
<tr><td>2026/7/20</td><td>周一</td><td>1079</td><td>1084</td><td>1098</td><td>1078</td><td>20</td><td class="amp-cell">21</td></tr>
<tr><td>2026/7/21</td><td>周二</td><td>1084</td><td>1083</td><td>1090</td><td>1077</td><td>13</td><td class="amp-cell">20</td></tr>
<tr><td>2026/7/22</td><td>周三</td><td>1083</td><td>1080</td><td>1087</td><td>1060</td><td>27</td><td class="amp-cell">21</td></tr>
<tr><td>2026/7/23</td><td>周四</td><td>1079</td><td>1077</td><td>1085</td><td>1068</td><td>17</td><td class="amp-cell">22</td></tr>
<tr><td>2026/7/24</td><td>周五</td><td class="na">-</td><td class="na">-</td><td class="na">-</td><td class="na">-</td><td>0</td><td class="amp-cell">20</td></tr>
</table>
</div>
<div class="drawer-overlay" id="overlay" onclick="closeDrawer()"></div>
<div class="drawer" id="drawer">
<button class="close-btn" onclick="closeDrawer()">&times;</button>
<h3 id="drawer-title"></h3>
<p class="date-label" id="drawer-date"></p>
<table class="calc-table" id="drawer-table"></table>
<div class="result" id="drawer-result"></div>
</div>
<script>
var themeBtn = document.getElementById('themeToggle');
themeBtn.addEventListener('click', toggleTheme);
function setTheme(dark) {
if (dark) {
document.documentElement.setAttribute('data-theme', 'dark');
themeBtn.textContent = '☀️ 日间';
} else {
document.documentElement.removeAttribute('data-theme');
themeBtn.textContent = '🌙 暗夜';
}
try { localStorage.setItem('ft-theme', dark ? 'dark' : 'light'); } catch(e) {}
}
function toggleTheme() {
setTheme(document.documentElement.getAttribute('data-theme') !== 'dark');
}
(function() {
try {
var s = localStorage.getItem('ft-theme');
if (s === 'dark' || (!s && matchMedia('(prefers-color-scheme: dark)').matches)) setTheme(true);
} catch(e) {}
})();
function toggleSection(id) {
document.getElementById(id).classList.toggle('collapsed');
}
function openSection(id) {
document.querySelectorAll('.section').forEach(function(s) { s.classList.add('collapsed'); });
var el = document.getElementById(id);
el.classList.remove('collapsed');
el.scrollIntoView({ behavior: 'smooth', block: 'start' });
}
var activeRow = null;
function closeDrawer() {
document.getElementById('overlay').classList.remove('show');
document.getElementById('drawer').classList.remove('show');
if (activeRow) { activeRow.classList.remove('active'); activeRow = null; }
}
document.querySelectorAll('.amp-cell').forEach(function(cell) {
cell.addEventListener('click', function() {
var row = cell.parentElement;
var tbl = row.closest('table');
var rows = tbl.querySelectorAll('tr');
var h2 = tbl.closest('.section').querySelector('h2');
var product = h2.childNodes[h2.childNodes.length - 1].textContent.trim();
var ranges = [];
for (var i = 1; i < rows.length; i++) {
var cells = rows[i].querySelectorAll('td');
ranges.push({
date: cells[0].textContent.trim(),
wk: cells[1].textContent.trim(),
diff: parseInt(cells[6].textContent) || 0
});
}
var idx = Array.prototype.indexOf.call(rows, row) - 1;
var start = idx - 5;
if (start < 0) return;
var ampVal = cell.textContent.trim();
document.getElementById('drawer-title').textContent = product;
document.getElementById('drawer-date').textContent = '目标日期: ' + ranges[idx].date + ' ' + ranges[idx].wk + ' 振幅 ' + ampVal;
var html = '<tr><td>日期</td><td>最高−最低</td></tr>';
var sum = 0;
for (var j = start; j < idx; j++) {
html += '<tr><td>' + ranges[j].date + ' ' + ranges[j].wk + '</td><td>' + ranges[j].diff + '</td></tr>';
sum += ranges[j].diff;
}
document.getElementById('drawer-table').innerHTML = html;
document.getElementById('drawer-result').innerHTML = '合计 <b>' + sum + '</b> ÷ 5 = <b>' + (sum / 5).toFixed(1) + '</b><br>四舍五入 → <b>' + Math.round(sum / 5) + '</b>';
document.getElementById('overlay').classList.add('show');
document.getElementById('drawer').classList.add('show');
if (activeRow) activeRow.classList.remove('active');
row.classList.add('active');
activeRow = row;
});
});
</script>
</body>
</html>
Reference in New Issue View Git Blame Copy Permalink