Polymarket / V066

Perps 上线

按真实操作次序讲清一笔订单：选资产，设置金额和杠杆，配置风险条件，确认后查看持仓。

构图与编排可播放 · 可替换内容

整体编排规则示例

0.00 / 37.12 秒

查看 HTML 源码

<!doctype html><html lang="zh-CN"><meta charset="utf-8"><meta name="viewport" content="width=device-width,initial-scale=1"><title>Perps 上线 · sequence</title><style>html,body{margin:0;width:100%;height:100%;overflow:hidden;background:#0e1520}canvas{display:block;width:100%;height:100%;object-fit:contain}</style><body data-mode="sequence"><canvas width="1000" height="600"></canvas><script src="data.js"></script><script src="common.js"></script><script src="scene.js"></script><script src="bridge.js"></script></body></html>

画面元素资产行图表金额框杠杆滑块风险条件订单按钮持仓反馈

MOTION LANGUAGE

动作与构图

局部动作 · 构图规则

从终端全貌推近订单

先建立导航和交易界面的全貌，再聚焦资产与订单面板。价格线和订单区分别占据稳定位置，推近时保留资产名，让读者知道仍在操作同一对象。

深色底与蓝色柔光承托终端，涨跌状态用红绿辅助。标题、表单标签使用无衬线，价格与金额采用对齐数字；避免颜色成为唯一状态信息。

字段依次激活，提交保持在最后

字段依次激活，提交保持在最后规则示例

0.00 / 12.00 秒

12–24 秒 · 动作示意独立打开 ↗

查看 HTML 源码

<!doctype html><html lang="zh-CN"><meta charset="utf-8"><meta name="viewport" content="width=device-width,initial-scale=1"><title>Perps 上线 · sequence</title><style>html,body{margin:0;width:100%;height:100%;overflow:hidden;background:#0e1520}canvas{display:block;width:100%;height:100%;object-fit:contain}</style><body data-mode="clip" data-start="12" data-end="24"><canvas width="1000" height="600"></canvas><script src="data.js"></script><script src="common.js"></script><script src="scene.js"></script><script src="bridge.js"></script></body></html>

资产选择之后输入金额，再调杠杆，最后设置止盈止损。当前字段短暂突出，其余信息仍可读；滑块变化与旁边数字同步。

先后	画面反馈
选择资产	名称与价格区同步更新
调整参数	字段数值与控制同步
确认订单	按钮先响应，再出现成交状态
查看持仓	显示持仓或平仓动作