MUI 和 framework7區別之 UI組件的幾點差異

在做項目的時候，有時候會糾結是用framework7還是MUI，這里簡單列出來二者在ui方面的一些區別，肯定不夠全面，供大家參考，有不足和錯誤歡迎指正。

一、MUI 中有而framework7 中沒有的UI組件

1. number box 數字輸入框

2. MUI九宮格

3. 分頁

4. MUI擁有圖標組件，而framework7 只有自帶的幾個icon，如icon-back 返回，icon- forward前進，icon-camera，icon-bars導航按鈕 ，表單demo演示的圖標form-password/form-email/form-calendar/form-name，需要使用 svg。

5. MUI擁有左側選項卡。

6. MUI的底部選項卡擁有二級菜單，這個功能在F7里可以通過【底部工具欄】 配合【Popover】實現。

7. MUI的input擁有專門的密碼框。

二、MUI與framework7 存在細微差異的組件

• F7 復選框圖標為左對齊，MUI復選框圖標即可左對齊也可右對齊。

MUI復選框

• F7單選框material風格和MUI默認風格基本一致，IOS風格和MUI的列表模式風格一致。

• F7的二級導航欄和MUI頂部選項卡div模式風格一致，另外MUI還有MUI頂部選項卡可左右拖動模式，這種選項卡樣式在APP中也比較常見，F7中只能自己寫了。

MUI頂部選項卡可左右拖動模式

• MUI的索引列表和F7的聯系人列表類似，但是前者有搜索功能，F7需要使用虛擬列表才有搜索功能，並利用虛擬列表里的模版實現相關樣式。

• F7的搜索框更接近原生IOS的風格。

三、MUI擴展功能

1. 廣告模版
2. 集成 chart
3. chat聊天窗口