Semantic UI 1.11.0 釋出,更新內容如下:
新的元件
- 可見性 - 新增回撥函式到元素來控制元素的可見性。 在一些場景非常有用,例如:圖片惰性載入、無限滾動內容、記錄事件追蹤等等
更多詳情參見線上案例
功能增強 Enhancements
- Form - <select> now receive error formatting on form error Thanks @davialexandre
- Transition - Added more reasonable default durations for each animation
- Loader - inline loader now has a centered variation
- Modal - Modal no longer hides and reshows dimmer when opening a modal with another modal open with exclusive: true
- Popup - Added exclusive parameter to automatically close other popups on open
- Transition - Added toggle behavior and docs for show and hide
- Transition - transition now has stop, stop all, and clear queue for removing transitions, (undocumented method stop, and start renamed to enable and disable)
- Dimmer - Add opacity setting to override css value. Add to docs several undocumented settings, like useCSS, and variation.
- Icon - added @src variable to make it adjustable with themes that dont support all types likewoff2
Bugs
- Dropdown - Fixes issue where dropdown would not open after restoring previus value on failed search dropdown search
- Grid - Fixes specificity of grid column colors to not affect other elements with columns
- Icon - Fix clockwise rotated icon causing clockwise icon to appear
- Popup - Fix issue with popup not re-opening until another element gains focus on a mobile touchscreen
- Modal - Fixed issue with modal not appearing when calling show during another modal hide
- Popup - Popup will now fire onHidden when an element is hidden by opening a different popup
- Popup - Fix popup not namespacing window events and unbinding on destroy Thanks@revov
- Table - Fixes table on mobile sizes can surpass parent container width
- Transition - Fixes swing out animations not working correctly
- Transition - Fixed display state other than block not determined when using show andhide without an animation
- Transition - Fix bug in remove looping causing next animation to use same duration
- Segment - Fix first/last margins on ui segments
- Search - Fix special characters not searching correctly with local search
- Search - Fix a bug with onSelect returning null when minCharacters: 0
- Search - Fix a bug with onSelect returningnull` when results retrieved from cached API query
- Sticky - Fixed sticky position when page loads and content is below sticky content.
- Sticky - Fix bottom attached position not adjusting for bottom padding on container element
- Menu - Fix vertical pointing menu, sub menu arrow color
- *Item * - img inside of ui item content now do not receive size formatting by default
- Form - Added input [type="search"] styles to ui form
文件更新 Docs
- Transition - Adds examples of hide,show,toggle,stop,stop all, andclear queue`
- Item - Significant rewrite of ui item documentation
國際性 International
- Chinese - 新的中文映象官方站啟用 http://www.semantic-ui.cn
Semantic UI—完全語義化的前端介面開發框架,跟 Bootstrap 和 Foundation 比起來,還是有些不同的,在功能特性上、佈局設計上、使用者體驗上均存在很多差異。
Semantic UI 特點:
- 文件和演示非常完善
- 易於學習和使用
- 配備網格佈局
- 支援 Sass 和 LESS 動態樣式語言
- 有一些非常實用的附加配置,例如inverted類。
- 對於社群貢獻來說是比較開放的。
- 有一個非常好的按鈕實現,情態動詞,和進度條。
- 在許多功能上使用圖示字型。
Semantic UI 對瀏覽器的支援:
- Last 2 Versions FF, Chrome, IE (aka 10+)
- Safari 6
- IE 9+ (Browser prefix only)
- Android 4
- Blackberry 10
相關連結
來自:開源中國社群
相關閱讀
評論(1)