framework7io / framework7-template-tabs Goto Github PK

View Code? Open in Web Editor NEW

40.0 7.0 42.0 2.84 MB

Deprecated! Framework7 tabs (multiple views) starter app template

Home Page: http://framework7.io

License: MIT License

CSS 6.24% HTML 81.96% JavaScript 11.80%

framework7 mobile app template cordova phonegap

framework7-template-tabs's Introduction

⛔️ DEPRECATED

This repo is deprecated and not mainted any more. Use Framework7-CLI instead. Please, don't open new issues and don't send any PRs to this repository

Framework7 Tabs Starter App Template

Tabs (multiple views) Framework7 starter app template.

Usage

1. Download this repository

git clone https://github.com/framework7io/framework7-template-tabs my-app

Repository will be downloaded into my-app/ folder

2. Instal dependencies

Go to the downloaded repository folder and run:

npm install

This will download latest version of Framework7 (to /www/framework7/) and required icon fonts (to /www/fonts/)

3. Run the app

npm run serve

App will be opened in browser at http://localhost:8080/

Use with cordova

Just put the contents of www folder in your cordova's project root www folder

One command install

git clone https://github.com/framework7io/framework7-template-tabs my-app &&
cd my-app &&
npm install &&
npm run serve

Live Preview

https://framework7io.github.io/framework7-template-tabs/

framework7-template-tabs's People

Contributors

Stargazers

Watchers

Forkers

rogozhka smrizvii gotling hellstalol muchamatrifaiali aysadkozanoglu kermekx ruso009 candramachen kawowl bishallimbu yngmulia fernando-antonio beshrismael harrypathak daly81 universallythinking arjunmenon jenalgit harimau99 imqbing rahulyhg valdiney yuzin81 achyusuf seantsmith gregorysantana akshuvo nimtek123 gustavocalca dionmontolalu easrng anshuldayavaan meddata1 sravanichilukoti austin4195 wanders0n mushlihun kyleshao8090 smbl-work

framework7-template-tabs's Issues

Pushstate with this template doesn't work

Hi, I use this structure to build my app but when I use pushstate, the views stay on the main view so history doesnt work

"npm install" fails on Windows 10

"npm install" fails at postinstall step on my Windows 10 machine.
Please see console output below.

Note: I copied the files manually as a workaround.

npm version: 5.6.0
node version: v8.9.4

C:\Users\Leonid\Projects\template-tabs>npm install

> [email protected] postinstall C:\Users\Leonid\Projects\template-tabs
> npm run copy-f7

> [email protected] copy-f7 C:\Users\Leonid\Projects\template-tabs
> cpy 'node_modules/framework7/dist/js/.' www/framework7/js && cpy 'node_modules/framework7/dist/css/.' www/framework7/css && cpy 'node_modules/framework7-icons/fonts/.' www/fonts && cpy 'node_modules/material-design-icons/iconfont/*.{eot,ttf,woff,woff2}' www/fonts

Cannot glob `'node_modules/framework7/dist/js/.'`: Cannot copy from `C:\Users\Leonid\Projects\template-tabs'node_modules\framework7\dist\js*.'` to `C:\Users\Leonid\Projects\template-tabs\www\framework7\js*.'`: cannot stat path `C:\Users\Leonid\Projects\template-tabs'node_modules\framework7\dist\js*.'`: ENOENT: no such file or directory, stat 'C:\Users\Leonid\Projects\template-tabs'node_modules\framework7\dist\js*.''
npm ERR! code ELIFECYCLE
npm ERR! errno 1
npm ERR! [email protected] copy-f7: `cpy 'node_modules/framework7/dist/js/.' www/framework7/js && cpy 'node_modules/framework7/dist/css/.' www/framework7/css && cpy 'node_modules/framework7-icons/fonts/.' www/fonts && cpy 'node_modules/material-design-icons/iconfont/*.{eot,ttf,woff,woff2}' www/fonts`
npm ERR! Exit status 1
npm ERR!
npm ERR! Failed at the [email protected] copy-f7 script.
npm ERR! This is probably not a problem with npm. There is likely additional logging output above.

npm ERR! A complete log of this run can be found in:
npm ERR! C:\Users\Leonid\AppData\Roaming\npm-cache_logs\2018-01-07T06_17_28_908Z-debug.log
npm ERR! code ELIFECYCLE
npm ERR! errno 1
npm ERR! [email protected] postinstall: `npm run copy-f7`
npm ERR! Exit status 1
npm ERR!
npm ERR! Failed at the [email protected] postinstall script.
npm ERR! This is probably not a problem with npm. There is likely additional logging output above.

npm ERR! A complete log of this run can be found in:
npm ERR! C:\Users\Leonid\AppData\Roaming\npm-cache_logs\2018-01-07T06_17_28_976Z-debug.log