发布于 2015-10-11 00:16:47 | 223 次阅读 | 评论: 0 | 来源: 网友投递
Framework7 HTML 移动端框架
Framework7 或者叫 F7 是全功能的绑定 iOS 7 应用的 HTML 框架。Framework7 是免费开源的 HTML 移动端框架,用来开发混合移动端应用或者 iOS 7 的 Web 应用,并且带有 iOS 7 的原生外观和感觉。Framework7 也是独立的原型应用工具。
Framework7 1.3.0 发布,此版本更新内容如下:
iOS Theme
For desktops - using San Francisco font that can be downloaded from https://developer.apple.com/fonts/
For iOS - using system San Francisco font
New appearence to match new iOS 9 design, mostly for Overlays: Modal, Popover and Action Sheet
Support for new San Francisco font:
Fixed issue with switch toggle in RTL layout
Material Theme
dynamicNavbar
will be disabled automatically for this theme
Added no-ripple
class to disable ripple effect on specific elements
Fixed issue with floating labels with predefined values
Fixed behavior of hidden toolbars/tabbars
Fixed issue in RTL layout for tab bar
Smart Select
Using data-open-in="picker"
attribute or smartSelectOpenIn
app's parameter
Picker close button text can be specified:
Smart Select picker height can be controlled using data-picker-height
attribute
Using data-picker-close-text
attribute
New app's smartSelectPickerCloseText
parameter. By default is Done
App's smartSelectInPopup
parameter is removed
Added new app's smartSelectOpenIn
parameter. Can be page
, popup
or picker
. By default is page
Added option to open it in picker:
Added support for none-standard maxlength
attribute on <select>
element to limit amount of selected items for "multiple" select
Dom7
New prependTo(parent)
method to prepend element to parent
New appendTo(parent)
method to append element to parent
Ajax: added support for data types different from "text", like "arraybuffer" and others
$.serializeObject
method now supports deep objects with objects and arrays
Swipeout
Now overswipe-button will have additonal "swipeout-overswipe-active" class during overswipe
New data-close-on-cancel="true"
attribute for "swipeout-delete" buttons with data-confirm
to close swipeout element in case of user canceled confirm dialog
Photo Browser
Double tap to zoom now zooms to the tapped position, not only to the center of picture
Messagebar
Now when you type new message it will scroll messages pages to bottom only in case if you are in the bottom of this page
Picker
Added closeByOutsideClick
parameter to close picker automatically when you click outside of related input or picker. By default is true
Now it will set related input's value on initialization with specified value
Calendar
Added closeByOutsideClick
parameter to close picker automatically when you click outside of related input or picker. By default is true
Now it will set related input's value on initialization with specified value
New disabled
parameter to specify additional "disabled" days
New events
parameter to specify dates with "events" (will be marked with additional dots)
New rangesClasses
parameter to easily add custom classes to specified dates
Pull To Refresh
New events pullstart
, pullmove
, pullend
and refreshdone
Forms
Better cross-browser support for input[type="range"]
element
Virtual List
Fixed issue with size and scroll calculating when initialized in hidden tab
Fixed issue with size and scroll calculating when used not in page
Searchbar
Fixed issue with close button when initialized in hidden tab
Lazy Loading
Fixed issue with lazy loading in hidden tab
Template7 update to latest 1.1.0 version:
Fixed access to data (@index
, @key
) and root context (@root
) in partials
Fixed null
variables not to be outputed
Swiper updated to latest 3.1.7 version:
scrollbarDraggable
- (boolean) by default is false
. Allows to enable draggable scrollbar
scrollbarSnapOnRelease
- (boolean) by default is false
. Control slider snap on scrollbar release
Fixed issue with wrong slides fill when number of slides less than slidesPerView * slidesPerColumn
with slidesPerColumnFill: 'row'
Added support for images srcset
with lazy loading using data-srcset
attribute
Fixed new Chrome errors with WebkitCSSMatrix
Fixed issue with slideToClickedSlide
with loop
and centeredSlides
New freeModeMinimumVelocity
parameter to set minimum required touch velocity to trigger free mode momentum
Ability to make the Scrollbar draggable using new paramaters:
Router
Now precompiled/cached tamplates will be ignored in case of ignoreCache: true
parameter
Fixed issue with domCache
when going back with force:true
to home page
Lot of minor fixes and improvements
下载:https://github.com/nolimits4web/Framework7/archive/v1.3.0.zip。
Framework7 或者叫 F7 是全功能的绑定 iOS 7 应用的 HTML 框架。Framework7 是免费开源的 HTML 移动端框架,用来开发混合移动端应用或者 iOS 7 的 Web 应用,并且带有 iOS 7 的原生外观和感觉。Framework7 也是独立的原型应用工具。
Framework7 使用 Javascript,CSS 和 HTML 来创建 iOS 7 应用,支持多个平台的迁移(PhoneGap),但是不是支持所有平台,主要还是针对 iOS 7。
使用
1. Clone 或者下载 Framework7 库
2. 修改 Kitchen Sink 绑定到应用中,或者从 dist/ 下的文件夹绑定