Framework7 [v2] + vue Web开发

framework7-vue data-table demo

原来的OB管理系统，是用的Framework7 v1，现在更新到v2了。所以，我们也重构一下。主要是界面对Mobile更加友好！
re-design of https://ourbits.herokuapp.com
data-table for framework7 and vue, support sorting, http get api, pagination etc.

Github: https://github.com/kevinqqnj/framework7-vue-data-table-demo

Homepage

Including: navbar, tabs, side-pannel

• use routable Tabs, easily loading component pages
• hide navbar on-scroll, expand view on mobile

image.png

Login

Including: login, register, validation

• listen keypress event, Enter key to login

image.png

Data view

Including: data-table, smart-select, popover, pagination

• header shows selected rows information, total size
• header is sortable
• pagination: prev, forward button. directly select page number
• action button on selection

image.png