Web移动端框架,Framework7 1.3.0 发布

jopen 9年前

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/ 下的文件夹绑定

Web移动端框架,Framework7 1.3.0 发布

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