iT邦幫忙

鐵人檔案

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

python的撞坑紀錄 系列

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

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

Layout快速導覽 - 1

box 最簡單的box就是搭配著css運行,簡單舉個例子。 def index(): return rx.box( rx.button(...

2023-09-22 ‧ 由 xiaLotus 分享
DAY 11

Layout 快速導覽 - 2

Flex flex也很常在css裡看到,響應式網頁設計的好工具。 def index(): return rx.flex( rx.center(...

2023-09-23 ‧ 由 xiaLotus 分享
DAY 12

Layout 快速導覽 - 3

Card card分為幾個部分CardHeader、CardBody、CardBody。 def index(): return rx.card(...

2023-09-24 ‧ 由 xiaLotus 分享
DAY 13

Navigation

Breadcrumb 翻譯過來是頁面路徑,這邊就直接上程式碼了。 def index(): return rx.breadcrumb(...

2023-09-25 ‧ 由 xiaLotus 分享
DAY 13

DataDisplay

Badge 標記,highlight,reflex裡也加了許多配料,這邊單舉一個例子就好。 def index(): return rx.hstack(...

2023-09-25 ‧ 由 xiaLotus 分享
DAY 14

Chart 與 Area

Chart 這篇一樣快速介紹過圖表的部分,先來瞅瞅圓餅圖。 def index(): return rx.hstack( rx.char...

2023-09-26 ‧ 由 xiaLotus 分享
DAY 15

長條圖-1

接下來是長條圖的部分,有關長條圖的都整理到這邊了。 Boxplot boxplot使用data這個屬性,同時帶有x, y 這兩個字典鍵結,先看個例子。 def...

2023-09-27 ‧ 由 xiaLotus 分享
DAY 15

長條圖-2

Bar 其實我覺得Bar可以放前面,官網把這個放在後面,有點不太懂這樣排序的意思。沒關係,舉例吧。 def index(): return rx.cha...

2023-09-27 ‧ 由 xiaLotus 分享
DAY 16

Pie和Plotly

把剩下的圖一起介紹完吧。 Pie 圓餅圖的部分和前面也都差不多,一樣是用data數組去寫入。 def index(): return rx.pie(...

2023-09-28 ‧ 由 xiaLotus 分享
DAY 17

Disclosure

Accordion 手風琴(Accordion)是一種常見的網頁元素,通常用於創建可展開和折疊的內容區塊,以節省空間並提供更好的用戶體驗。chatgpt 這部分...

2023-09-29 ‧ 由 xiaLotus 分享