framework7-vue

Framework7 Vue

Framework7 Vue combines power and simplicity of great Vue.js framework with flexibility and UI of Framework7 mobile framework to build mobile apps in even more easy and quick way.

Getting Started with Framework7 Vue

• Installation Guide
• Starter App Templates
• App Layout
• Initialize App
• Navigation Router

Docs

Documentation available at http://framework7.io/vue/

Forum

If you have questions about Framework7 or want to help others you are welcome to special forum at http://forum.framework7.io/

Tutorials

Tutorials available at http://framework7.io/tutorials/

Showcase

Appstore apps made with Framework7: http://framework7.io/showcase/

Changelog

v3.0.0-beta.7 - June 9, 2018

• Core
  • Lots of MD styles updated to new Material Design specification
  • Cards
    • New outline cards style
  • Chips
    • New outline style + tweaked iOS chips styles
  • FAB
    • New FAB-Extended style with additional text label support inside of FAB
    • Support for FAB actions label
  • Typography
    • New Elevation styles, can be configured with elevation-1, elevation-2, ..., elevation-24 classes
  • Dialog
    • Preloader dialog now supports preloader color as second argument: app.dialog.preloader(title, color)
  • Smart Select
    • Will not error anymore about required View if it is actually not required (e.g. for SS opened in Popup, Popover or Sheet)
  • Picker - fixed issues with touch/swipe areas in RTL layout
  • Calendar
    • Fixed issue when not possible to switch calendar to previous month when min date is the last date of previous month
    • Fixed issue when double click behind calendar could cause router to go to the previous page
  • Swiper - updated to latest
    • Fixed issue when slidePrev goes to wrong slide #2650
    • Fixed issue when roundLength was not considered for grids calculation #2656
• Phenome
  • Card
    • New outline prop to make card outline
  • Chip
    • New outline prop to make chip outline
  • Fab
    • New text prop to add text to FAB and make it as Extended FAB
    • New label prop for FabButton to add label for fab button
  • Simplified conditional icon props for Icon, Link and Button components: if-ios -> ios, if-md -> md, icon-if-ios -> icon-ios, icon-if-md -> icon-md
  • Input
    • New error-message-force prop to force error message to show. Works in case of validate is omitted
  • Messagebar
    • New resizePage prop that will resize messages page with messagebar
    • New resizePage() method renamed to resize()