iT邦幫忙

鐵人檔案

2023 iThome 鐵人賽
回列表
自我挑戰組

python的撞坑紀錄 系列

採坑,解坑,目前先這樣,之後可能會再修正

鐵人鍊成 | 共 33 篇文章 | 3 人訂閱 訂閱系列文 RSS系列文
DAY 18

Feedback

Alert Alert是一個十分常見的元素 def index(): return rx.vstack( rx.alert( r...

2023-09-30 ‧ 由 xiaLotus 分享
DAY 19

Media

Audio url 可以是內部連結,也可以是外部連結。 def index(): return rx.audio( url="http...

2023-10-01 ‧ 由 xiaLotus 分享
DAY 20

AlertDialog和Drawer

AlertDialog 相當於Javascript裡的alert,頁面會出現警報或是方塊元件,多用於提示。 class AlertDialogState(rx....

2023-10-02 ‧ 由 xiaLotus 分享
DAY 21

Menu、Popover、Tooltip

Menu 菜單,轉換過去也就是一個list def index(): return rx.center( rx.menu(...

2023-10-03 ‧ 由 xiaLotus 分享
DAY 22

HTML和Script

HTML 在使用這個元件之前,可以考慮使用reflex的原始html元素支援。 def index(): return rx.vstack(...

2023-10-04 ‧ 由 xiaLotus 分享
DAY 23

Components 和 分頁

Components 組件是reflex前端的建構模組,把UI分成獨立、可重複使用的部分。 reflex元件在背後包裝react元件,進而實現純 python體...

2023-10-05 ‧ 由 xiaLotus 分享
DAY 24

Assets 和 State

Assets 圖表等靜態檔闇可以放在assets資料夾中,比如我們reflex init之後出現的favicon.ico。 我們可以使用rx.image來使用它...

2023-10-06 ‧ 由 xiaLotus 分享
DAY 25

Vars

在官網有特別拉出一篇來說這個部分。 Vars 變數是在應用程式裡隨著時間變化的任何欄位。 基本變數 我們定義一個class來設定一個預設值,這邊建議給它一個類別...

2023-10-07 ‧ 由 xiaLotus 分享
DAY 26

事件觸發、狀態

事件觸發 之前我們寫到的on_click正是一種事件觸發,現在快速的看一下加上async版本。 import asyncio class AsyncState...

2023-10-08 ‧ 由 xiaLotus 分享
DAY 27

Style前篇

Reflex可以使用css的功能設計定樣式。 內嵌:用於單一元件實例樣式。 組件:用於特定類型。 全域:套用所有元素。 為了與python的標準保持一致,可...

2023-10-09 ‧ 由 xiaLotus 分享