语法指南 | 优宽量化

tabs

标签页：每页放一组组件，点击切换；状态栏刷新时保持当前选中的页。

示例

两个标签页分别显示行情和账户。


    javascript
    
    
function main() {
    while (!exchange.IO("status")) Sleep(1000)
    exchange.SetContractType("rb888")
    var ticker = exchange.GetTicker()
    var account = exchange.GetAccount()
    if (!ticker || !account) return
    LogStatus({type: "tabs", items: [
        {title: "行情", cols: 2, items: [
            {type: "kpi", title: "最新价", value: ticker.Last},
            {type: "kpi", title: "24小时成交量", value: ticker.Volume, format: {compact: true}}
        ]},
        {title: "账户", items: [{type: "stat", items: [
            {label: "可用", value: account.Balance},
            {label: "冻结", value: account.FrozenBalance}
        ]}]}
    ]})
}


    python
    
    
def main():
    while not exchange.IO("status"):
        Sleep(1000)
    exchange.SetContractType("rb888")
    ticker = exchange.GetTicker()
    account = exchange.GetAccount()
    if not ticker or not account:
        return
    LogStatus({"type": "tabs", "items": [
        {"title": "行情", "cols": 2, "items": [
            {"type": "kpi", "title": "最新价", "value": ticker["Last"]},
            {"type": "kpi", "title": "24小时成交量", "value": ticker["Volume"],
             "format": {"compact": True}}
        ]},
        {"title": "账户", "items": [{"type": "stat", "items": [
            {"label": "可用", "value": account["Balance"]},
            {"label": "冻结", "value": account["FrozenBalance"]}
        ]}]}
    ]})


    rust
    
    
fn main() {
    while !exchange.IO("status").is_ok_and(|v| v.as_i64() == Some(1)) {
        Sleep(1000);
    }
    if exchange.SetContractType("rb888").is_err() { return; }
    let Ok(t) = exchange.GetTicker(None) else { return };
    let Ok(a) = exchange.GetAccount() else { return };
    let market = format!(
        r#"{{"title": "行情", "cols": 2, "items": [
            {{"type": "kpi", "title": "最新价", "value": {}}},
            {{"type": "kpi", "title": "24小时成交量", "value": {},
              "format": {{"compact": true}}}}]}}"#,
        t.Last, t.Volume
    );
    let account = format!(
        r#"{{"title": "账户", "items": [{{"type": "stat", "items": [
            {{"label": "可用", "value": {}}}, {{"label": "冻结", "value": {}}}]}}]}}"#,
        a.Balance, a.FrozenBalance
    );
    // 整个状态栏只有这一段组件 JSON 时，JSON 可以写成多行
    LogStatus!(format!(r#"{{"type": "tabs", "items": [{}, {}]}}"#, market, account));
}

属性

名称	类型	描述
type	string	必填，固定为 `tabs`。
items	object数组	必填。每项是一页。
items[].title	string	标签文字。
items[].items	array	该页的组件，按`grid`排列。
items[].cols	number	该页的列数。默认 `1`。
id	string	稳定标识。组件的个数或顺序会变化时设置，状态栏刷新时组件不重建。
span	number	在所在`grid`中占几列。默认 `1`。

参考

LogStatus 状态栏组件 grid LogStatus-table

备注

tabs 没有自己的标题。各页内容与 grid 一样按容器宽度自动减列，嵌套最多 6 层。

只含表格的数组用反引号包裹输出时（旧写法）也显示为标签页，见LogStatus-table。