73 lines
3.5 KiB
Python
73 lines
3.5 KiB
Python
# -*- coding: utf-8 -*-
|
|
"""
|
|
应用主入口
|
|
"""
|
|
import reflex as rx
|
|
from application.pages.index import render_index
|
|
|
|
app = rx.App(
|
|
theme=rx.theme(),
|
|
style={
|
|
"--prismui-background-color-1": "#ffffff", # 背景颜色：白色
|
|
"--prismui-background-color-2": "#ebebeb",
|
|
"--prismui-background-color-3": "#f6f6f8",
|
|
"--prismui-background-color-4": "#babbc0",
|
|
"--prismui-background-1": "linear-gradient(to bottom, #D0C9FF 0%, #E6D6F0 8%, #F1DBEA 12%, #C8DCFB 40%, #ABC6F6 60%, #87AEFE 90%)", # 背景：用于主页面渐变背景
|
|
"--prismui-font-family": "HuaweiFont,Helvetica,Arial,PingFangSC-Regular,Hiragino Sans GB,Microsoft YaHei,微软雅黑,Microsoft JhengHei", # 字体
|
|
"--prismui-font-size-1": "12px",
|
|
"--prismui-font-size-2": "14px", # 字体大小：常用于正文
|
|
"--prismui-font-size-3": "20px",
|
|
"--prismui-font-weight-1": "normal", # 字体粗细：常用于正文
|
|
"--prismui-font-weight-2": "500",
|
|
"--prismui-font-weight-3": "700",
|
|
"--prismui-color-1": "#252b3a", # 颜色：深灰色，常用于标题和正文颜色
|
|
"--prismui-color-2": "#575d6c", # 颜色：中灰色，常用于副标题
|
|
"--prismui-color-3": "#babbc0", # 颜色：浅灰色，常用于占位符
|
|
"--prismui-color-4": "rgba(6, 10, 38, 0.24)", # 颜色：浅灰色，常用于不可点击元素
|
|
"--prismui-color-5": "#5e7ce0", # 颜色：蓝色，常用于可点击元素
|
|
"--prismui-color-6": "#f66f6a", # 颜色：红色，常用于错误提示
|
|
"--prismui-border-1": "1px solid rgba(6, 10, 38, 0.06)", # 边框样式
|
|
"--mc-float-block-shadow": "#d5d5d5",
|
|
"--devui-global-bg": "#f6f6f8",
|
|
"--mc-global-bg": "linear-gradient(to bottom, #D0C9FF 0%, #E6D6F0 8%, #F1DBEA 12%, #C8DCFB 40%, #ABC6F6 60%, #87AEFE 90%)",
|
|
"--mc-box-shadow": "#191919",
|
|
"--devui-shadow-length-connected-overlay": "0px 0px 12px 0px #000000",
|
|
"--prismui-box-shadow-1": "0 4px 64px 0 #0000001a", # 登录卡片阴影
|
|
"--prismui-box-shadow-2": "0 4px 12px #0000001a", # 导航按钮阴影
|
|
"--devui-icon-fill-weak": "#babbc0",
|
|
"--prismui-background-color-weak": "#babbc0",
|
|
"--devui-border-radius-feedback": "4px",
|
|
"--prismui-border-1": "1px solid rgba(6, 10, 38, 0.06)",
|
|
"--prismui-border-radius": "8px",
|
|
"--prismui-border-radius-1": "8px",
|
|
"--prismui-border-radius-2": "12px",
|
|
"--prismui-border-radius-3": "20px",
|
|
"--devui-border-radius-full": "100px",
|
|
"box-shadow": "none",
|
|
"background-color": "var(--prismui-background-color-1)", # 默认背景颜色
|
|
"font_family": "var(--prismui-font-family)",
|
|
"font_size": "var(--prismui-font-size-2)",
|
|
"font_weight": "var(--prismui-font-weight-1)",
|
|
"color": "var(--prismui-color-1)",
|
|
"*": {
|
|
"margin": "0",
|
|
"padding": "0",
|
|
"gap": "0",
|
|
},
|
|
"*::before, *::after": {
|
|
"box-sizing": "border-box",
|
|
},
|
|
"* .rt-TextFieldRoot, * textarea": {
|
|
"border": "var(--prismui-border-1)",
|
|
"outline": "none",
|
|
"box-shadow": "none",
|
|
},
|
|
"*::placeholder": {
|
|
"color": "var(--prismui-color-3)",
|
|
"opacity": 1,
|
|
}, # 覆盖占位符样式
|
|
}, # 自定义主题颜色
|
|
) # 此处变量名需使用 app ，具体原因目前尚不清楚
|
|
# 注册首页路由
|
|
app.add_page(component=render_index(), route="/")
|