sideBar

app.py

@@ -1,4 +1,5 @@
 import streamlit as st
+from streamlit_option_menu import option_menu
 import pandas as pd
 
 # CSS样式
@@ -103,7 +104,22 @@ st.title("NTCIR-18 Automatic Evaluation of LLMs (AEOLLM) Task")
 
 # 在侧边栏创建导航菜单
 st.sidebar.title("Navigation")
-page = st.sidebar.radio("Go to", ["Introduction", "Methodology", "Datasets", "Important Dates", "Evaluation Measures", "Data and File format", "Submit", "LeaderBoard", "Organisers", "References"])
+with st.sidebar:
+    page = option_menu(
+        "Navigation", 
+        ["Introduction", "Methodology", "Datasets", "Important Dates", 
+         "Evaluation Measures", "Data and File format", "Submit", 
+         "LeaderBoard", "Organisers", "References"],
+        icons=['house', 'book', 'database', 'calendar', 'clipboard', 'file', 'upload', 'trophy', 'people', 'book'],
+        menu_icon="cast", 
+        default_index=0,
+        styles={
+            "container": {"padding": "5px", "background-color": "#2E3B4E"},
+            "icon": {"color": "orange", "font-size": "18px"}, 
+            "nav-link": {"font-size": "16px", "text-align": "left", "margin":"0px", "--hover-color": "#6c757d"},
+            "nav-link-selected": {"background-color": "#FF6347"},
+        }
+    )
 
 # 根据选择的页面展示不同的内容
 if page == "Introduction":

requirements.txt

@@ -1,2 +1,3 @@
 pandas==2.2.2
 streamlit==1.34.0
+streamlit_option_menu==0.3.13