app.py

# -*- coding:utf-8 -*-
# 疫情终将过去, 让我们共同守"沪"，上海加油!!!
import time
import streamlit as st
import pickle
import json
import pandas as pd
from PIL import Image
from streamlit_option_menu import option_menu
import streamlit.components.v1 as components

from apps import search, view # , info, love 
from utils import load_pickle
from config import MODE,mobile_params,pc_params
from content import project_summary, info_data


if MODE == 'mobile':
    params = mobile_params
else:
    params = pc_params
    

st.set_page_config(page_title="共同守沪", page_icon="💗", layout="centered",
                  menu_items={
                             'Get help': "https://www.wolai.com/r97G3Jf8EMTDKZnBdKifie",
                             'Report a bug': "https://github.com/kevin-meng/2022shanghai-covid",
                             'About':project_summary + info_data})


html_string = '''
    <script>
    var _hmt = _hmt || [];
    (function() {
      var hm = document.createElement("script");
      hm.src = "https://hm.baidu.com/hm.js?909a9e74e3b7d3885e3e584297207867";
      var s = document.getElementsByTagName("script")[0];
      s.parentNode.insertBefore(hm, s);
    })();
    </script>
'''
components.html(html_string) 


image = Image.open("./files/banner.png")
st.image(image,caption="",use_column_width='always')  



apps = [
    # 解除注释可显示完整站点    
    # {"func": info.app, "title": "便民信息", "icon": "list-task"},
    # {"func": love.app, "title": "温暖瞬间", "icon": "sun"},
    {"func": search.app, "title": "社区情况", "icon": "house"},
    {"func": view.app, "title": "疫情走势", "icon": "map"},
]

titles = [app["title"] for app in apps]
icons = [app["icon"] for app in apps]

params = st.experimental_get_query_params()

if "page" in params:
    default_index = int(titles.index(params["page"][0].lower()))
else:
    default_index = 0
    
selected = option_menu(
            None,  #　 "Main Menu",
            options=titles,
            icons=icons,
            menu_icon="cast",
            default_index=default_index,
            orientation="horizontal",
            styles={# "container": {"padding": "0!important", "background-color": "#fafafa"},
                    "icon": {"font-size": "14px", "margin":"0px",},  # "color": "orange", 
                    "nav-link": {"font-size": "14px", "text-align": "center", "margin":"0px",
                                 "padding":"10px 0px 10px 0px", },  # "--hover-color": "#eee"
                    # "nav-link-selected": {"background-color": "green"},
                    }
        )



for app in apps:
    if app["title"] == selected:
        app["func"]()
        break
    

    
# analytics
# st.components.v1.iframe('https://github.com/kevin-meng/2022shanghai-covid/blob/main/template/baidu_analytics.html', height=1, scrolling=False)