Semantic UI 1.7.0 发布,更新内容如下: 主要改进 Project - Right-to-left (RTL) support added. New gulp tasks for RTL file generation and install setting. Docs however do not yet support RTL.Thanks @MohammadYounes for constant support with RTL!. Project - Install now let you specify the outputted file permissions (express/custom install) 功能增强 Grid - Added equal width variation using flex-box, equal height now also uses flex-box (this may have to be removed if causes unexpected browser issues) Sidebar - Having a sidebar visible on page load is now much simpler. You can include ui visible sidebar on page load to have a sidebar element appear on page load. To close call $('.ui.sidebar').sidebar('hide') Sidebar - Added documentation on using sidebar on a custom context. Sidebars using a custom context no longer add background colors like those initialized on body Site - Form input highlighting color added (helps differentiate form colors with autocompleted fields). Default text highlighting color moved from highlighter yellow to a mellow blue. Dropdown - Javascript Dropdown can now be disabled by adding `disabled class. No need to call destroy. Thanks Psyton Dropdown - Search dropdown input can now have backgrounds. Fixes issues with autocompleted search dropdowns which have forced yellow "autocompleted" bg. Dropdown - Fix issue with search selection not correctly matching when values are not strings Progress - Progress bars can now display percent or amount left using {value} in text templates Dropdown - New upward dropdown variation, which opens its menu upward. Default animation now uses `settings.transition = 'auto' and determines direction of animation based on menu direction Dropdown - Dropdown matching fields without values now trims whitespace by default Checkbox - Checkbox now toggles on spacebar when focused (previously only toggled on enter key). Popup - Popup now uses its own custom method for determining offsetParent meaning 3D contexts (like inside an animation) no longer should break positioning Popup - Popup now uses preserve: false by default, this is slightly less performant but will reduce page clutter caused by leaving generated elements in the DOM Code / Build Build - Dist/ files now set file permissions in build. 644 by default. Can adjust in semantic.json or during gulp install. You will need to run npm install to add the new gulp-chmod dependency Thanks @PeterDaveHello Sidebar - setup layout not occurs synchronously if you initialize a sidebar without the proper html. This makes sure calls to sidebar will occur correctly before the page is setup. A new setting delaySetup will override this, increasing performance. Modules - Remove use of deprecated .size() for .length across all modules Modules - Use of $.proxy swapped to native function.call() for performance gains across all modules Bugs 修复 Video - Video component now uses // instead of defaulting to http Dropdown - restore defaults will now set placeholder styling and remove active elemenet. Added example in docs. Dropdown - Fixed bug where sub menus may sometimes have dropdown icon overlap text Dropdown - Fixes dropdown search input from filtering text values when input is inside menu, i.e "In-Menu Search" Dropdown - Fix issue with search selection not correctly creating RegExp when select values are not strings Thanks @alufers Dropdown - Fix issue with left floated and right floated content sometimes not applying correctly Popup - wide and very wide popup will now appear when screen size is below their max-width Popup - Popup no longer blurs element on popup hide Segment - ui tabular menu now correctly aligns with attached segment when using fluid variation Thanks @MohammadYounes Segment - basic segment no longer removes padding on first and last elements Steps - Steps now use table-cell to allow steps to be equal height by default, even with different content height. Button - Fix issue with labeled icon groups in material theme Progress - Fixes bug with progress that use total and value receiving the wrong values for text templates List - Fix some styling issues with ui list inside ui menu Semantic UI 1.7.1 发布,主要是 bug 修复,更新内容如下: Installer - Fixes installer not including RTL parameter correctly UI - Fixes progress, ad, and sidebar not loading .override files correctly Removed undocumented components from theme.config.example 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 Semantic UI 1.7.0/1.7.1 发布,前端 UI 框架下载地址