Lastor
NIKKE coding 看到這個選單,莫名思考了一下,剛好前陣子在做這類 UI
https://imgs.plurk.com/QBt/LZI/3OUX66u7rTU63jnWJpln1RzSNMD_lg.png
Lastor
之前是直接套 element-ui 的 filter select
Element - The world's most popular Vue UI framework
Lastor
NIKKE 這個設計,我個人比較少看到,覺得有點新鮮,他把搜尋 input 包在 select 裡面,而不是合併在一起
Lastor
如果美術這樣開給我,我可能會想檔,畢竟做在一起就好,這樣多包一層會覺得收益不大又費工
Lastor
但剛剛操作起來感覺...... 這樣做最大的好處大概是右邊的 icon 提示吧。如果把搜尋的功能合併到一個 input 上,右邊的 icon 要放下拉的箭頭,還是搜尋的放大鏡,就會有困擾
Lastor
像他這樣拆開,雖然做起來費事,但可以明確地靠 icon 分出「下拉」跟「搜尋」,操作的當下不會有任何困惑
Lastor
而 element-ui 那種合併在一起的,其實我第一次看到的時候我有想了 1 秒左右該怎麼用
Lastor
只是要這樣做應該就得全手刻了,這用 UI 套件去改應該是自討苦吃
載入新的回覆