MASA Blazor多頁籤元件

2022-09-17 11:51:09 字數 516 閱讀 999

找了一圈的blazor多頁籤元件,感覺都太麻煩,於是開發了這個。

demo:

原始碼:用法只要在mainlayout.razor的@body外面套個pagetabs元件就可以了,items是要快取的頁面配置。

...

"_items

">@body

...@code ;

}

高階用法

可以使用tabcontent插槽,自定義樣式。

...

"_items

">

//attrs用於新增右鍵選單

"context.attrs

">

@context.item.icon

"@context.item.url

">@context.item.name

"context.close

">mdi-close

@body

...@code ;

}

純CSS實現多頁籤跳轉

首先把效果圖給出來 會有人說,這不就是乙個選項卡嘛,有什麼難的,只要js入了門誰都會啊。是的,用js實現的話確實簡單,幾行 足以實現了,但是我今天要說的並不是用js來實現它,而是要用完完全全的css 3 來實現,沒錯就是用純css實現。首先來說一下實現的原理頁面布局id main checked i...

Postman請求頁籤和響應頁籤說明

請求頁籤 params get方式傳參。headers 請求頭 body post方式傳參。pre request script 請求之前的指令碼 tests 請求之後的斷言。cookies 客戶端傳送伺服器給的字典資料。code 生成介面自動化測試指令碼。響應頁籤 body 返回資料 pretty...

TestNg 切換多個頁籤

當前有乙個專案,因為是多個 之間存在相互的關聯 其中乙個 屬於管理者,管理其他 的各種使用者資訊 因此在編寫自動化測試用例的時候,需要同時開啟這幾個 並且可以自由來回切換。由於自動化測試的框架和基礎元件以及公共方法是我幫他們做出來的,於是,測試部的同事們把這個任務又交給了我這邊。我提出了兩個方案,並...