发布于 2016-11-09 00:17:25 | 111 次阅读 | 评论: 0 | 来源: 网友投递
Framework7 HTML 移动端框架
Framework7 或者叫 F7 是全功能的绑定 iOS 7 应用的 HTML 框架。Framework7 是免费开源的 HTML 移动端框架,用来开发混合移动端应用或者 iOS 7 的 Web 应用,并且带有 iOS 7 的原生外观和感觉。Framework7 也是独立的原型应用工具。
App Root
New root
app parameter to specify app root element, by default is 'body'
. Useful when using F7 with libraries like Vue or React that doesn't allow to bind app to the body.
图标
Brand new Framework7 Icons font with lot of precious and designed from scratch iOS icons
Default "Form" icons removed in favor of using F7 or Material icons fonts instead
Vue.js support (beta) with official Framework7 Vue plugin
iOS 主题
iOS 10 style Notifications
iOS 10 style Messagebar
Notifications in iOS theme now doesn't support more than one notification at a time
Chips
Now also supported by iOS theme to keep consistency with Material theme
浮动操作按钮
Now also supported by iOS theme to keep consistency with Material theme
路由
Page data and Navbar data are not available anymore in BeforeRestroy
events
.router.load
method supports new pageElement
parameter to specify page HTMLElement to load if it is already added to the .pages
container manually or by different means/library
Added context cache for pages rendered with Template7 to keep context when navigating deep in history and then going back
New routerRemoveWithTimeout
app parameter. By default is false
. When specified, then framework will remove element after 0
timeout instead of immediately. Useful to enable if you use another library like Vue or React to manage (remove) pages
Now you can keep dynamic navbar inside of page when loading pages dynamically (not inline pages) and router will place it automatically to the correct place. It helps to keep consistency with Material theme page layout
Dom7
New .siblings(selector)
method to select all previous and next elements
New .empty()
method to clear element inner HTML
New .removeDiacritics(text)
helper method to remove/replace diacritics in passed text