diff --git a/wwwroot/index.ui b/wwwroot/index.ui
index cc9c69a..e47f1eb 100644
--- a/wwwroot/index.ui
+++ b/wwwroot/index.ui
@@ -1,26 +1,43 @@
 {
-  "title": "产线运营",
-  "layout": {
-    "type": "cards",
-    "items": [
-      {
-        "title": "定价管理",
-        "icon": "price-tag",
-        "url": "pipeline_pricing",
-        "description": "管理产线计费方式和价格"
-      },
-      {
-        "title": "供应量管理",
-        "icon": "gauge",
-        "url": "pipeline_capacity",
-        "description": "配置产线并发和调用限额"
-      },
-      {
-        "title": "使用记录",
-        "icon": "list",
-        "url": "pipeline_usage_log",
-        "description": "查看产线调用和消费记录"
-      }
+    "widgettype": "VBox",
+    "options": {"width": "100%", "height": "100%", "padding": "24px", "spacing": "20px"},
+    "subwidgets": [
+        {
+            "widgettype": "Title2",
+            "options": {"text": "产线运营"}
+        },
+        {
+            "widgettype": "ResponsableBox",
+            "options": {"gap": "16px", "minWidth": "220px"},
+            "subwidgets": [
+                {
+                    "widgettype": "VBox",
+                    "options": {"css": "card", "cwidth": 22, "padding": "16px", "cursor": "pointer"},
+                    "binds": [{"wid": "self", "event": "click", "actiontype": "urlwidget", "target": "app.main_content", "options": {"url": "{{entire_url('pipeline_pricing/')}}"}, "mode": "replace"}],
+                    "subwidgets": [
+                        {"widgettype": "Title4", "options": {"text": "定价管理"}},
+                        {"widgettype": "Text", "options": {"text": "管理产线计费方式和价格", "cfontsize": 0.9}}
+                    ]
+                },
+                {
+                    "widgettype": "VBox",
+                    "options": {"css": "card", "cwidth": 22, "padding": "16px", "cursor": "pointer"},
+                    "binds": [{"wid": "self", "event": "click", "actiontype": "urlwidget", "target": "app.main_content", "options": {"url": "{{entire_url('pipeline_capacity/')}}"}, "mode": "replace"}],
+                    "subwidgets": [
+                        {"widgettype": "Title4", "options": {"text": "供应量管理"}},
+                        {"widgettype": "Text", "options": {"text": "配置产线并发和调用限额", "cfontsize": 0.9}}
+                    ]
+                },
+                {
+                    "widgettype": "VBox",
+                    "options": {"css": "card", "cwidth": 22, "padding": "16px", "cursor": "pointer"},
+                    "binds": [{"wid": "self", "event": "click", "actiontype": "urlwidget", "target": "app.main_content", "options": {"url": "{{entire_url('pipeline_usage_log/')}}"}, "mode": "replace"}],
+                    "subwidgets": [
+                        {"widgettype": "Title4", "options": {"text": "使用记录"}},
+                        {"widgettype": "Text", "options": {"text": "查看产线调用和消费记录", "cfontsize": 0.9}}
+                    ]
+                }
+            ]
+        }
     ]
-  }
 }