├── .gitignore ├── CONTRIBUTING.md ├── COPYRIGHT ├── LICENSE ├── NOTICE ├── README.md ├── example-tabs.png ├── index.js ├── package.json └── template ├── .babelrc ├── .editorconfig ├── .gitignore ├── .postcssrc.js ├── build ├── dev.js ├── prod.js ├── webpack.config.dev.js └── webpack.config.prod.js ├── config.xml ├── config ├── dev.env.js ├── index.js └── prod.env.js ├── index.html ├── package-lock.json ├── package.json ├── res ├── icon │ ├── android │ │ ├── drawable-hdpi-icon.png │ │ ├── drawable-ldpi-icon.png │ │ ├── drawable-mdpi-icon.png │ │ ├── drawable-xhdpi-icon.png │ │ ├── drawable-xxhdpi-icon.png │ │ └── drawable-xxxhdpi-icon.png │ ├── ios │ │ ├── icon-40.png │ │ ├── icon-40@2x.png │ │ ├── icon-50.png │ │ ├── icon-50@2x.png │ │ ├── icon-60.png │ │ ├── icon-60@2x.png │ │ ├── icon-60@3x.png │ │ ├── icon-72.png │ │ ├── icon-72@2x.png │ │ ├── icon-76.png │ │ ├── icon-76@2x.png │ │ ├── icon-small.png │ │ ├── icon-small@2x.png │ │ ├── icon-small@3x.png │ │ ├── icon.png │ │ └── icon@2x.png │ ├── windows │ │ ├── Square150x150Logo.scale-100.png │ │ ├── Square150x150Logo.scale-240.png │ │ ├── Square30x30Logo.scale-100.png │ │ ├── Square310x310Logo.scale-100.png │ │ ├── Square44x44Logo.scale-100.png │ │ ├── Square44x44Logo.scale-240.png │ │ ├── Square70x70Logo.scale-100.png │ │ ├── Square71x71Logo.scale-100.png │ │ ├── Square71x71Logo.scale-240.png │ │ ├── StoreLogo.scale-100.png │ │ ├── StoreLogo.scale-240.png │ │ ├── Wide310x150Logo.scale-100.png │ │ └── Wide310x150Logo.scale-240.png │ └── wp8 │ │ ├── ApplicationIcon.png │ │ └── Background.png └── screen │ ├── android │ ├── drawable-land-hdpi-screen.png │ ├── drawable-land-ldpi-screen.png │ ├── drawable-land-mdpi-screen.png │ ├── drawable-land-xhdpi-screen.png │ ├── drawable-land-xxhdpi-screen.png │ ├── drawable-land-xxxhdpi-screen.png │ ├── drawable-port-hdpi-screen.png │ ├── drawable-port-ldpi-screen.png │ ├── drawable-port-mdpi-screen.png │ ├── drawable-port-xhdpi-screen.png │ ├── drawable-port-xxhdpi-screen.png │ └── drawable-port-xxxhdpi-screen.png │ ├── ios │ ├── Default-568h@2x~iphone.png │ ├── Default-667h.png │ ├── Default-736h.png │ ├── Default-Landscape-736h.png │ ├── Default-Landscape@2x~ipad.png │ ├── Default-Landscape~ipad.png │ ├── Default-Portrait@2x~ipad.png │ ├── Default-Portrait~ipad.png │ ├── Default@2x~iphone.png │ └── Default~iphone.png │ ├── windows │ ├── SplashScreen.scale-100.png │ └── SplashScreenPhone.scale-240.png │ └── wp8 │ └── screen-portrait.jpg ├── src ├── App.vue ├── assets │ └── .gitkeep ├── css │ ├── app.css │ └── icons.css ├── main.js ├── pages │ ├── About.vue │ ├── Home.vue │ ├── Services.vue │ ├── Tabs.vue │ └── not-found.vue └── routes.js └── static └── .gitkeep /.gitignore: -------------------------------------------------------------------------------- 1 | # Logs 2 | logs 3 | *.log 4 | npm-debug.log* 5 | 6 | # Runtime data 7 | pids 8 | *.pid 9 | *.seed 10 | 11 | .DS_Store 12 | npm-debug.log 13 | 14 | # Dependency directory 15 | node_modules 16 | 17 | # Optional npm cache directory 18 | .npm 19 | 20 | # Optional REPL history 21 | .node_repl_history 22 | 23 | Thumbs.db 24 | *.DS_Store 25 | 26 | *.bak 27 | *.cache 28 | *.log 29 | *.swp 30 | *.user 31 | -------------------------------------------------------------------------------- /CONTRIBUTING.md: -------------------------------------------------------------------------------- 1 | ## Contributing 2 | 3 | Thank you for your interest in contributing to the Vue.js + Framework7 TabBar Template. 4 | 5 | #### Issues 6 | 7 | One of the best contributions is filing issues in the [Issue Tracker][issue-tracker]. 8 | 9 | All contributions (feature or bug fix) should start with an issue first. 10 | 11 | #### Pull requests 12 | 13 | - Fork the repository 14 | - Create a branch (`git checkout -b issue-nnn`) 15 | - If possible, add a failing test 16 | - Commit your fix/feature and tests (`git commit -am "fixes for issue #nnn"`) 17 | - Push to the branch (`git push -u origin issue-nnn`) 18 | - Open a [Pull Request][pull-request] 19 | 20 | 21 | [issue-tracker]: https://github.com/phonegap/phonegap-template-vue-f7-tabs/issues 22 | [pull-request]: https://github.com/phonegap/phonegap-template-vue-f7-tabs/pulls 23 | -------------------------------------------------------------------------------- /COPYRIGHT: -------------------------------------------------------------------------------- 1 | The following copyright message should appear at the top of all 2 | source files. This file can be removed from your repository. 3 | 4 | Copyright (c) 2012-2014 Adobe Systems Incorporated. All rights reserved. 5 | 6 | Licensed under the Apache License, Version 2.0 (the "License"); 7 | you may not use this file except in compliance with the License. 8 | You may obtain a copy of the License at 9 | 10 | http://www.apache.org/licenses/LICENSE-2.0 11 | 12 | Unless required by applicable law or agreed to in writing, software 13 | distributed under the License is distributed on an "AS IS" BASIS, 14 | WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. 15 | See the License for the specific language governing permissions and 16 | limitations under the License. 17 | -------------------------------------------------------------------------------- /LICENSE: -------------------------------------------------------------------------------- 1 | Apache License 2 | Version 2.0, January 2004 3 | http://www.apache.org/licenses/ 4 | 5 | TERMS AND CONDITIONS FOR USE, REPRODUCTION, AND DISTRIBUTION 6 | 7 | 1. Definitions. 8 | 9 | "License" shall mean the terms and conditions for use, reproduction, 10 | and distribution as defined by Sections 1 through 9 of this document. 11 | 12 | "Licensor" shall mean the copyright owner or entity authorized by 13 | the copyright owner that is granting the License. 14 | 15 | "Legal Entity" shall mean the union of the acting entity and all 16 | other entities that control, are controlled by, or are under common 17 | control with that entity. For the purposes of this definition, 18 | "control" means (i) the power, direct or indirect, to cause the 19 | direction or management of such entity, whether by contract or 20 | otherwise, or (ii) ownership of fifty percent (50%) or more of the 21 | outstanding shares, or (iii) beneficial ownership of such entity. 22 | 23 | "You" (or "Your") shall mean an individual or Legal Entity 24 | exercising permissions granted by this License. 25 | 26 | "Source" form shall mean the preferred form for making modifications, 27 | including but not limited to software source code, documentation 28 | source, and configuration files. 29 | 30 | "Object" form shall mean any form resulting from mechanical 31 | transformation or translation of a Source form, including but 32 | not limited to compiled object code, generated documentation, 33 | and conversions to other media types. 34 | 35 | "Work" shall mean the work of authorship, whether in Source or 36 | Object form, made available under the License, as indicated by a 37 | copyright notice that is included in or attached to the work 38 | (an example is provided in the Appendix below). 39 | 40 | "Derivative Works" shall mean any work, whether in Source or Object 41 | form, that is based on (or derived from) the Work and for which the 42 | editorial revisions, annotations, elaborations, or other modifications 43 | represent, as a whole, an original work of authorship. For the purposes 44 | of this License, Derivative Works shall not include works that remain 45 | separable from, or merely link (or bind by name) to the interfaces of, 46 | the Work and Derivative Works thereof. 47 | 48 | "Contribution" shall mean any work of authorship, including 49 | the original version of the Work and any modifications or additions 50 | to that Work or Derivative Works thereof, that is intentionally 51 | submitted to Licensor for inclusion in the Work by the copyright owner 52 | or by an individual or Legal Entity authorized to submit on behalf of 53 | the copyright owner. For the purposes of this definition, "submitted" 54 | means any form of electronic, verbal, or written communication sent 55 | to the Licensor or its representatives, including but not limited to 56 | communication on electronic mailing lists, source code control systems, 57 | and issue tracking systems that are managed by, or on behalf of, the 58 | Licensor for the purpose of discussing and improving the Work, but 59 | excluding communication that is conspicuously marked or otherwise 60 | designated in writing by the copyright owner as "Not a Contribution." 61 | 62 | "Contributor" shall mean Licensor and any individual or Legal Entity 63 | on behalf of whom a Contribution has been received by Licensor and 64 | subsequently incorporated within the Work. 65 | 66 | 2. Grant of Copyright License. Subject to the terms and conditions of 67 | this License, each Contributor hereby grants to You a perpetual, 68 | worldwide, non-exclusive, no-charge, royalty-free, irrevocable 69 | copyright license to reproduce, prepare Derivative Works of, 70 | publicly display, publicly perform, sublicense, and distribute the 71 | Work and such Derivative Works in Source or Object form. 72 | 73 | 3. Grant of Patent License. Subject to the terms and conditions of 74 | this License, each Contributor hereby grants to You a perpetual, 75 | worldwide, non-exclusive, no-charge, royalty-free, irrevocable 76 | (except as stated in this section) patent license to make, have made, 77 | use, offer to sell, sell, import, and otherwise transfer the Work, 78 | where such license applies only to those patent claims licensable 79 | by such Contributor that are necessarily infringed by their 80 | Contribution(s) alone or by combination of their Contribution(s) 81 | with the Work to which such Contribution(s) was submitted. If You 82 | institute patent litigation against any entity (including a 83 | cross-claim or counterclaim in a lawsuit) alleging that the Work 84 | or a Contribution incorporated within the Work constitutes direct 85 | or contributory patent infringement, then any patent licenses 86 | granted to You under this License for that Work shall terminate 87 | as of the date such litigation is filed. 88 | 89 | 4. Redistribution. You may reproduce and distribute copies of the 90 | Work or Derivative Works thereof in any medium, with or without 91 | modifications, and in Source or Object form, provided that You 92 | meet the following conditions: 93 | 94 | (a) You must give any other recipients of the Work or 95 | Derivative Works a copy of this License; and 96 | 97 | (b) You must cause any modified files to carry prominent notices 98 | stating that You changed the files; and 99 | 100 | (c) You must retain, in the Source form of any Derivative Works 101 | that You distribute, all copyright, patent, trademark, and 102 | attribution notices from the Source form of the Work, 103 | excluding those notices that do not pertain to any part of 104 | the Derivative Works; and 105 | 106 | (d) If the Work includes a "NOTICE" text file as part of its 107 | distribution, then any Derivative Works that You distribute must 108 | include a readable copy of the attribution notices contained 109 | within such NOTICE file, excluding those notices that do not 110 | pertain to any part of the Derivative Works, in at least one 111 | of the following places: within a NOTICE text file distributed 112 | as part of the Derivative Works; within the Source form or 113 | documentation, if provided along with the Derivative Works; or, 114 | within a display generated by the Derivative Works, if and 115 | wherever such third-party notices normally appear. The contents 116 | of the NOTICE file are for informational purposes only and 117 | do not modify the License. You may add Your own attribution 118 | notices within Derivative Works that You distribute, alongside 119 | or as an addendum to the NOTICE text from the Work, provided 120 | that such additional attribution notices cannot be construed 121 | as modifying the License. 122 | 123 | You may add Your own copyright statement to Your modifications and 124 | may provide additional or different license terms and conditions 125 | for use, reproduction, or distribution of Your modifications, or 126 | for any such Derivative Works as a whole, provided Your use, 127 | reproduction, and distribution of the Work otherwise complies with 128 | the conditions stated in this License. 129 | 130 | 5. Submission of Contributions. Unless You explicitly state otherwise, 131 | any Contribution intentionally submitted for inclusion in the Work 132 | by You to the Licensor shall be under the terms and conditions of 133 | this License, without any additional terms or conditions. 134 | Notwithstanding the above, nothing herein shall supersede or modify 135 | the terms of any separate license agreement you may have executed 136 | with Licensor regarding such Contributions. 137 | 138 | 6. Trademarks. This License does not grant permission to use the trade 139 | names, trademarks, service marks, or product names of the Licensor, 140 | except as required for reasonable and customary use in describing the 141 | origin of the Work and reproducing the content of the NOTICE file. 142 | 143 | 7. Disclaimer of Warranty. Unless required by applicable law or 144 | agreed to in writing, Licensor provides the Work (and each 145 | Contributor provides its Contributions) on an "AS IS" BASIS, 146 | WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or 147 | implied, including, without limitation, any warranties or conditions 148 | of TITLE, NON-INFRINGEMENT, MERCHANTABILITY, or FITNESS FOR A 149 | PARTICULAR PURPOSE. You are solely responsible for determining the 150 | appropriateness of using or redistributing the Work and assume any 151 | risks associated with Your exercise of permissions under this License. 152 | 153 | 8. Limitation of Liability. In no event and under no legal theory, 154 | whether in tort (including negligence), contract, or otherwise, 155 | unless required by applicable law (such as deliberate and grossly 156 | negligent acts) or agreed to in writing, shall any Contributor be 157 | liable to You for damages, including any direct, indirect, special, 158 | incidental, or consequential damages of any character arising as a 159 | result of this License or out of the use or inability to use the 160 | Work (including but not limited to damages for loss of goodwill, 161 | work stoppage, computer failure or malfunction, or any and all 162 | other commercial damages or losses), even if such Contributor 163 | has been advised of the possibility of such damages. 164 | 165 | 9. Accepting Warranty or Additional Liability. While redistributing 166 | the Work or Derivative Works thereof, You may choose to offer, 167 | and charge a fee for, acceptance of support, warranty, indemnity, 168 | or other liability obligations and/or rights consistent with this 169 | License. However, in accepting such obligations, You may act only 170 | on Your own behalf and on Your sole responsibility, not on behalf 171 | of any other Contributor, and only if You agree to indemnify, 172 | defend, and hold each Contributor harmless for any liability 173 | incurred by, or claims asserted against, such Contributor by reason 174 | of your accepting any such warranty or additional liability. 175 | 176 | END OF TERMS AND CONDITIONS 177 | 178 | APPENDIX: How to apply the Apache License to your work. 179 | 180 | To apply the Apache License to your work, attach the following 181 | boilerplate notice, with the fields enclosed by brackets "[]" 182 | replaced with your own identifying information. (Don't include 183 | the brackets!) The text should be enclosed in the appropriate 184 | comment syntax for the file format. We also recommend that a 185 | file or class name and description of purpose be included on the 186 | same "printed page" as the copyright notice for easier 187 | identification within third-party archives. 188 | 189 | Copyright 2012-2014 Adobe Systems Incorporated. 190 | 191 | Licensed under the Apache License, Version 2.0 (the "License"); 192 | you may not use this file except in compliance with the License. 193 | You may obtain a copy of the License at 194 | 195 | http://www.apache.org/licenses/LICENSE-2.0 196 | 197 | Unless required by applicable law or agreed to in writing, software 198 | distributed under the License is distributed on an "AS IS" BASIS, 199 | WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. 200 | See the License for the specific language governing permissions and 201 | limitations under the License. 202 | -------------------------------------------------------------------------------- /NOTICE: -------------------------------------------------------------------------------- 1 | Adobe PhoneGap 2 | Copyright 2012-2014 Adobe Systems Incorporated. 3 | 4 | This product includes software developed by 5 | Apache Cordova (http://cordova.apache.org) 6 | 7 | This product includes software developed by 8 | Apache Cordova Hello World (https://github.com/apache/cordova-app-hello-world) 9 | 10 | This product includes software developed by 11 | Jasmine (https://github.com/pivotal/jasmine) 12 | -------------------------------------------------------------------------------- /README.md: -------------------------------------------------------------------------------- 1 | # A TabBar PhoneGap template using Vue.js and Framework7 2 | 3 | Vue.js, Framework7, and Cordova / PhoneGap Template with Babel, Webpack and Hot Reloading 4 | 5 | ![example image](https://github.com/phonegap/phonegap-template-vue-f7-tabs/raw/master/example-tabs.png) 6 | 7 | ## Getting Started 8 | 9 | ### Prerequisites 10 | 11 | To use this template, you'll need Node.js v5 or newer. 12 | 13 | ### Installation 14 | 15 | To use this as a template, use Cordova 6.0.0+ and create a new project: 16 | 17 | ``` 18 | cordova create MyAppName --template=phonegap-template-vue-f7-tabs 19 | ``` 20 | 21 | or 22 | 23 | ``` 24 | phonegap create MyAppName --template phonegap-template-vue-f7-tabs 25 | ``` 26 | 27 | then 28 | 29 | ``` 30 | cd MyAppName 31 | npm install 32 | ``` 33 | 34 | ### Run the app in the browser / simulator 35 | 36 | Run this to start the development webpack server: 37 | 38 | ``` 39 | npm run dev 40 | ``` 41 | 42 | You can then open the app in your browser by visiting [localhost:8080](http://localhost:8080) 43 | 44 | Open it in the iOS Simulator by running (in another terminal): 45 | 46 | `cordova platform add ios` or `phonegap platform add ios` 47 | 48 | then 49 | 50 | ``` 51 | npm run cordova-run-ios 52 | ``` 53 | 54 | Or in the Android emulator with: 55 | 56 | `cordova platform add android` or `phonegap platform add android` 57 | 58 | then 59 | 60 | ``` 61 | npm run cordova-run-android 62 | ``` 63 | 64 | (both of which are just calling `cordova run ios` and `cordova run android`) 65 | 66 | 67 | ### Build the app for production 68 | 69 | To build the app without the development hot module reloading server: 70 | 71 | ``` 72 | npm run build 73 | ``` 74 | 75 | After that, the normal Cordova / PhoneGap commands can be used such as `phonegap serve`, or `cordova run ios`, etc. 76 | 77 | -------------------------------------------------------------------------------- /example-tabs.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/phonegap/phonegap-template-vue-f7-tabs/5cfb79bddb05fe1a622f00b026a693f6ac64d037/example-tabs.png -------------------------------------------------------------------------------- /index.js: -------------------------------------------------------------------------------- 1 | var path = require('path'); 2 | module.exports = { 3 | 'dirname': path.join(__dirname,'template') 4 | } 5 | -------------------------------------------------------------------------------- /package.json: -------------------------------------------------------------------------------- 1 | { 2 | "name": "phonegap-template-vue-f7-tabs", 3 | "version": "1.6.0", 4 | "description": "A TabBar PhoneGap template using Vue.js and Framework7", 5 | "main": "index.js", 6 | "keywords": [ 7 | "ecosystem:phonegap", 8 | "ecosystem:cordova", 9 | "cordova:template", 10 | "phonegap:template" 11 | ], 12 | "bugs": { 13 | "url": "https://github.com/phonegap/phonegap-template-vue-f7-tabs/issues" 14 | }, 15 | "homepage": "https://github.com/phonegap/phonegap-template-vue-f7-tabs#readme", 16 | "author": "PhoneGap Team", 17 | "license": "Apache-2.0" 18 | } 19 | -------------------------------------------------------------------------------- /template/.babelrc: -------------------------------------------------------------------------------- 1 | { 2 | "presets": [ 3 | [ 4 | "@babel/preset-env", 5 | { 6 | "modules": false, 7 | "targets": { 8 | "browsers": [ 9 | "> 1%", 10 | "last 2 versions", 11 | "not ie <= 8" 12 | ] 13 | } 14 | } 15 | ] 16 | ], 17 | "plugins": [ 18 | "transform-vue-jsx", 19 | "@babel/plugin-transform-runtime", 20 | "@babel/plugin-syntax-dynamic-import", 21 | "@babel/plugin-syntax-import-meta", 22 | "@babel/plugin-proposal-class-properties", 23 | "@babel/plugin-proposal-json-strings", 24 | [ 25 | "@babel/plugin-proposal-decorators", 26 | { 27 | "legacy": true 28 | } 29 | ], 30 | "@babel/plugin-proposal-function-sent", 31 | "@babel/plugin-proposal-export-namespace-from", 32 | "@babel/plugin-proposal-numeric-separator", 33 | "@babel/plugin-proposal-throw-expressions" 34 | ] 35 | } 36 | -------------------------------------------------------------------------------- /template/.editorconfig: -------------------------------------------------------------------------------- 1 | .root = true 2 | 3 | [*] 4 | indent_style = space 5 | indent_size = 2 6 | end_of_line = lf 7 | charset = utf-8 8 | trim_trailing_whitespace = true 9 | insert_final_newline = true -------------------------------------------------------------------------------- /template/.gitignore: -------------------------------------------------------------------------------- 1 | # Logs 2 | logs 3 | *.log 4 | npm-debug.log* 5 | 6 | # Runtime data 7 | pids 8 | *.pid 9 | *.seed 10 | 11 | # Directory for instrumented libs generated by jscoverage/JSCover 12 | lib-cov 13 | 14 | # Coverage directory used by tools like istanbul 15 | coverage 16 | 17 | # nyc test coverage 18 | .nyc_output 19 | 20 | # Grunt intermediate storage (http://gruntjs.com/creating-plugins#storing-task-files) 21 | .grunt 22 | 23 | # node-waf configuration 24 | .lock-wscript 25 | 26 | # Compiled binary addons (http://nodejs.org/api/addons.html) 27 | build/Release 28 | 29 | # Dependency directories 30 | node_modules 31 | jspm_packages 32 | 33 | # Optional npm cache directory 34 | .npm 35 | 36 | # Optional REPL history 37 | .node_repl_history 38 | 39 | .DS_Store 40 | node_modules/ 41 | dist/ 42 | npm-debug.log 43 | www/ 44 | src/fonts 45 | test/unit/coverage 46 | test/e2e/reports 47 | selenium-debug.log 48 | 49 | platforms/ 50 | plugins/ 51 | 52 | Thumbs.db 53 | *.DS_Store 54 | 55 | *.bak 56 | *.cache 57 | *.log 58 | *.swp 59 | *.user 60 | -------------------------------------------------------------------------------- /template/.postcssrc.js: -------------------------------------------------------------------------------- 1 | // https://github.com/michael-ciniawsky/postcss-load-config 2 | 3 | module.exports = { 4 | "plugins": { 5 | "postcss-import": {}, 6 | "postcss-url": {}, 7 | // to edit target browsers: use "browserslist" field in package.json 8 | "autoprefixer": {} 9 | } 10 | } 11 | -------------------------------------------------------------------------------- /template/build/dev.js: -------------------------------------------------------------------------------- 1 | const webpack = require('webpack'); 2 | const ora = require('ora'); 3 | const rm = require('rimraf'); 4 | const chalk = require('chalk'); 5 | const config = require('./webpack.config.dev.js'); 6 | 7 | const spinner = ora('building development version...') 8 | spinner.start(); 9 | 10 | rm('./www/', (removeErr) => { 11 | if (removeErr) throw removeErr; 12 | 13 | webpack(config, (err, stats) => { 14 | if (err) throw err; 15 | spinner.stop(); 16 | 17 | process.stdout.write(stats.toString({ 18 | colors: true, 19 | modules: false, 20 | children: false, // If you are using ts-loader, setting this to true will make TypeScript errors show up during build. 21 | chunks: false, 22 | chunkModules: false 23 | }) + '\n\n'); 24 | 25 | if (stats.hasErrors()) { 26 | console.log(chalk.red('Build failed with errors.\n')); 27 | process.exit(1); 28 | } 29 | 30 | console.log(chalk.cyan('Build complete.\n')); 31 | }); 32 | }); 33 | -------------------------------------------------------------------------------- /template/build/prod.js: -------------------------------------------------------------------------------- 1 | const webpack = require('webpack'); 2 | const ora = require('ora'); 3 | const rm = require('rimraf'); 4 | const chalk = require('chalk'); 5 | const config = require('./webpack.config.prod.js'); 6 | 7 | const spinner = ora('building for production...') 8 | spinner.start(); 9 | 10 | rm('./www/', (removeErr) => { 11 | if (removeErr) throw removeErr; 12 | 13 | webpack(config, (err, stats) => { 14 | if (err) throw err; 15 | spinner.stop(); 16 | 17 | process.stdout.write(stats.toString({ 18 | colors: true, 19 | modules: false, 20 | children: false, // If you are using ts-loader, setting this to true will make TypeScript errors show up during build. 21 | chunks: false, 22 | chunkModules: false 23 | }) + '\n\n'); 24 | 25 | if (stats.hasErrors()) { 26 | console.log(chalk.red('Build failed with errors.\n')); 27 | process.exit(1); 28 | } 29 | 30 | console.log(chalk.cyan('Build complete.\n')); 31 | }); 32 | }); 33 | -------------------------------------------------------------------------------- /template/build/webpack.config.dev.js: -------------------------------------------------------------------------------- 1 | const webpack = require('webpack'); 2 | const CopyWebpackPlugin = require('copy-webpack-plugin'); 3 | const VueLoaderPlugin = require('vue-loader/lib/plugin'); 4 | const HtmlWebpackPlugin = require('html-webpack-plugin'); 5 | const MiniCssExtractPlugin = require('mini-css-extract-plugin') 6 | 7 | const path = require('path'); 8 | 9 | function resolvePath(dir) { 10 | return path.join(__dirname, '..', dir); 11 | } 12 | 13 | module.exports = { 14 | mode: 'development', 15 | entry: [ 16 | './src/main.js' 17 | ], 18 | output: { 19 | path: resolvePath('www'), 20 | filename: 'app.js', 21 | publicPath: '' 22 | }, 23 | resolve: { 24 | extensions: ['.js', '.vue', '.json'], 25 | alias: { 26 | 'vue$': 'vue/dist/vue.esm.js', 27 | '@': resolvePath('src'), 28 | } 29 | }, 30 | devServer: { 31 | hot: true, 32 | open: true, 33 | compress: true, 34 | contentBase: '/www/', 35 | watchOptions: { 36 | poll: true 37 | } 38 | }, 39 | module: { 40 | rules: [ 41 | { 42 | test: /\.js$/, 43 | use: 'babel-loader', 44 | include: [ 45 | resolvePath('src'), 46 | resolvePath('node_modules/framework7'), 47 | resolvePath('node_modules/framework7-vue'), 48 | resolvePath('node_modules/template7'), 49 | resolvePath('node_modules/dom7'), 50 | resolvePath('node_modules/ssr-window'), 51 | ], 52 | }, 53 | { 54 | test: /\.vue$/, 55 | use: 'vue-loader', 56 | }, 57 | { 58 | test: /\.css$/, 59 | use: [ 60 | MiniCssExtractPlugin.loader, 61 | 'css-loader', 62 | ], 63 | }, 64 | { 65 | test: /\.styl(us)?$/, 66 | use: [ 67 | MiniCssExtractPlugin.loader, 68 | 'css-loader', 69 | 'stylus-loader', 70 | ], 71 | }, 72 | { 73 | test: /\.less$/, 74 | use: [ 75 | MiniCssExtractPlugin.loader, 76 | 'css-loader', 77 | 'less-loader', 78 | ], 79 | }, 80 | { 81 | test: /\.(png|jpe?g|gif|svg)(\?.*)?$/, 82 | loader: 'url-loader', 83 | options: { 84 | limit: 10000, 85 | name: 'images/[name].[hash:7].[ext]' 86 | } 87 | }, 88 | { 89 | test: /\.(mp4|webm|ogg|mp3|wav|flac|aac)(\?.*)?$/, 90 | loader: 'url-loader', 91 | options: { 92 | limit: 10000, 93 | name: 'media/[name].[hash:7].[ext]' 94 | } 95 | }, 96 | { 97 | test: /\.(woff2?|eot|ttf|otf)(\?.*)?$/, 98 | loader: 'url-loader', 99 | options: { 100 | limit: 10000, 101 | name: 'fonts/[name].[hash:7].[ext]' 102 | } 103 | } 104 | ] 105 | }, 106 | plugins: [ 107 | new webpack.DefinePlugin({ 108 | 'process.env': JSON.stringify('development'), 109 | }), 110 | new webpack.HotModuleReplacementPlugin(), 111 | new webpack.NamedModulesPlugin(), 112 | new VueLoaderPlugin(), 113 | new HtmlWebpackPlugin({ 114 | filename: 'index.html', 115 | template: 'index.html', 116 | inject: true, 117 | }), 118 | new MiniCssExtractPlugin({ 119 | filename: 'app.css' 120 | }), 121 | new CopyWebpackPlugin([{ 122 | from: resolvePath('static'), 123 | to: resolvePath('www/static'), 124 | }]), 125 | ] 126 | } -------------------------------------------------------------------------------- /template/build/webpack.config.prod.js: -------------------------------------------------------------------------------- 1 | const webpack = require('webpack'); 2 | const CopyWebpackPlugin = require('copy-webpack-plugin'); 3 | const VueLoaderPlugin = require('vue-loader/lib/plugin'); 4 | const HtmlWebpackPlugin = require('html-webpack-plugin'); 5 | const MiniCssExtractPlugin = require('mini-css-extract-plugin') 6 | const OptimizeCSSPlugin = require('optimize-css-assets-webpack-plugin') 7 | const UglifyJsPlugin = require('uglifyjs-webpack-plugin') 8 | 9 | const path = require('path'); 10 | 11 | function resolvePath(dir) { 12 | return path.join(__dirname, '..', dir); 13 | } 14 | 15 | module.exports = { 16 | mode: 'production', 17 | entry: [ 18 | './src/main.js' 19 | ], 20 | output: { 21 | path: resolvePath('www'), 22 | filename: 'app.js', 23 | publicPath: '' 24 | }, 25 | resolve: { 26 | extensions: ['.js', '.vue', '.json'], 27 | alias: { 28 | 'vue$': 'vue/dist/vue.esm.js', 29 | '@': resolvePath('src'), 30 | } 31 | }, 32 | devServer: { 33 | hot: true, 34 | open: true, 35 | compress: true, 36 | contentBase: '/www/', 37 | watchOptions: { 38 | poll: true 39 | } 40 | }, 41 | module: { 42 | rules: [ 43 | { 44 | test: /\.js$/, 45 | use: 'babel-loader', 46 | include: [ 47 | resolvePath('src'), 48 | resolvePath('node_modules/framework7'), 49 | resolvePath('node_modules/framework7-vue'), 50 | resolvePath('node_modules/template7'), 51 | resolvePath('node_modules/dom7'), 52 | resolvePath('node_modules/ssr-window'), 53 | ], 54 | }, 55 | { 56 | test: /\.vue$/, 57 | use: 'vue-loader', 58 | }, 59 | { 60 | test: /\.css$/, 61 | use: [ 62 | MiniCssExtractPlugin.loader, 63 | 'css-loader', 64 | ], 65 | }, 66 | { 67 | test: /\.styl(us)?$/, 68 | use: [ 69 | MiniCssExtractPlugin.loader, 70 | 'css-loader', 71 | 'stylus-loader', 72 | ], 73 | }, 74 | { 75 | test: /\.less$/, 76 | use: [ 77 | MiniCssExtractPlugin.loader, 78 | 'css-loader', 79 | 'less-loader', 80 | ], 81 | }, 82 | { 83 | test: /\.(png|jpe?g|gif|svg)(\?.*)?$/, 84 | loader: 'url-loader', 85 | options: { 86 | limit: 10000, 87 | name: 'images/[name].[hash:7].[ext]' 88 | } 89 | }, 90 | { 91 | test: /\.(mp4|webm|ogg|mp3|wav|flac|aac)(\?.*)?$/, 92 | loader: 'url-loader', 93 | options: { 94 | limit: 10000, 95 | name: 'media/[name].[hash:7].[ext]' 96 | } 97 | }, 98 | { 99 | test: /\.(woff2?|eot|ttf|otf)(\?.*)?$/, 100 | loader: 'url-loader', 101 | options: { 102 | limit: 10000, 103 | name: 'fonts/[name].[hash:7].[ext]' 104 | } 105 | } 106 | ] 107 | }, 108 | plugins: [ 109 | new webpack.DefinePlugin({ 110 | 'process.env': JSON.stringify('production'), 111 | }), 112 | new UglifyJsPlugin({ 113 | uglifyOptions: { 114 | compress: { 115 | warnings: false 116 | } 117 | }, 118 | sourceMap: true, 119 | parallel: true 120 | }), 121 | new OptimizeCSSPlugin({ 122 | cssProcessorOptions: { 123 | safe: true, 124 | map: { inline: false } 125 | } 126 | }), 127 | new webpack.HotModuleReplacementPlugin(), 128 | new webpack.NamedModulesPlugin(), 129 | new VueLoaderPlugin(), 130 | new HtmlWebpackPlugin({ 131 | filename: 'index.html', 132 | template: 'index.html', 133 | inject: true, 134 | minify: { 135 | removeComments: true, 136 | collapseWhitespace: true, 137 | removeAttributeQuotes: true, 138 | }, 139 | }), 140 | new webpack.HashedModuleIdsPlugin(), 141 | new webpack.optimize.ModuleConcatenationPlugin(), 142 | new MiniCssExtractPlugin({ 143 | filename: 'app.css' 144 | }), 145 | new CopyWebpackPlugin([{ 146 | from: resolvePath('static'), 147 | to: resolvePath('www/static'), 148 | }]), 149 | ] 150 | } -------------------------------------------------------------------------------- /template/config.xml: -------------------------------------------------------------------------------- 1 | 2 | 3 | My App 4 | A basic Vue.js + Framework7 template for PhoneGap. 5 | Adobe PhoneGap Team 6 | 7 | 8 | 9 | 10 | 11 | 12 | 13 | 14 | 15 | 16 | 17 | 18 | 19 | 20 | 21 | 22 | 23 | 24 | 25 | 26 | 27 | 28 | 29 | 30 | 31 | 32 | 33 | 34 | 35 | 36 | 37 | 38 | 39 | 40 | 41 | 42 | 43 | 44 | 45 | 46 | 47 | 48 | 49 | 50 | 51 | 52 | 53 | 54 | 55 | 56 | 57 | 58 | 59 | 60 | 61 | 62 | 63 | 64 | 65 | 66 | 67 | 68 | 69 | 70 | 71 | 72 | 73 | 74 | 75 | 76 | 77 | 78 | 79 | 80 | 81 | 82 | 83 | 84 | 85 | 86 | 87 | 88 | 89 | 90 | 91 | 92 | 93 | -------------------------------------------------------------------------------- /template/config/dev.env.js: -------------------------------------------------------------------------------- 1 | 'use strict' 2 | const merge = require('webpack-merge') 3 | const prodEnv = require('./prod.env') 4 | 5 | module.exports = merge(prodEnv, { 6 | NODE_ENV: '"development"' 7 | }) 8 | -------------------------------------------------------------------------------- /template/config/index.js: -------------------------------------------------------------------------------- 1 | 'use strict' 2 | // Template version: 1.3.1 3 | // see http://vuejs-templates.github.io/webpack for documentation. 4 | 5 | const path = require('path') 6 | 7 | module.exports = { 8 | dev: { 9 | 10 | // Paths 11 | assetsSubDirectory: 'static', 12 | assetsPublicPath: '', 13 | proxyTable: {}, 14 | 15 | // Various Dev Server settings 16 | host: 'localhost', // can be overwritten by process.env.HOST 17 | port: 8080, // can be overwritten by process.env.PORT, if port is in use, a free one will be determined 18 | autoOpenBrowser: false, 19 | errorOverlay: true, 20 | notifyOnErrors: true, 21 | poll: false, // https://webpack.js.org/configuration/dev-server/#devserver-watchoptions- 22 | 23 | 24 | /** 25 | * Source Maps 26 | */ 27 | 28 | // https://webpack.js.org/configuration/devtool/#development 29 | devtool: 'cheap-module-eval-source-map', 30 | 31 | // If you have problems debugging vue-files in devtools, 32 | // set this to false - it *may* help 33 | // https://vue-loader.vuejs.org/en/options.html#cachebusting 34 | cacheBusting: true, 35 | 36 | cssSourceMap: true 37 | }, 38 | 39 | build: { 40 | // Template for index.html 41 | index: path.resolve(__dirname, '../www/index.html'), 42 | 43 | // Paths 44 | assetsRoot: path.resolve(__dirname, '../www'), 45 | assetsSubDirectory: 'static', 46 | assetsPublicPath: '', 47 | 48 | /** 49 | * Source Maps 50 | */ 51 | 52 | productionSourceMap: true, 53 | // https://webpack.js.org/configuration/devtool/#production 54 | devtool: '#source-map', 55 | 56 | // Gzip off by default as many popular static hosts such as 57 | // Surge or Netlify already gzip all static assets for you. 58 | // Before setting to `true`, make sure to: 59 | // npm install --save-dev compression-webpack-plugin 60 | productionGzip: false, 61 | productionGzipExtensions: ['js', 'css'], 62 | 63 | // Run the build command with an extra argument to 64 | // View the bundle analyzer report after build finishes: 65 | // `npm run build --report` 66 | // Set to `true` or `false` to always turn it on or off 67 | bundleAnalyzerReport: process.env.npm_config_report 68 | } 69 | } 70 | -------------------------------------------------------------------------------- /template/config/prod.env.js: -------------------------------------------------------------------------------- 1 | 'use strict' 2 | module.exports = { 3 | NODE_ENV: '"production"' 4 | } 5 | -------------------------------------------------------------------------------- /template/index.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 15 | 16 | 17 | 18 | 19 | 20 | 21 | 22 | My App 23 | 24 | 25 | 26 | 27 |
28 | 29 | 30 | 31 | 32 | 33 | 34 | 35 | 36 | -------------------------------------------------------------------------------- /template/package.json: -------------------------------------------------------------------------------- 1 | { 2 | "name": "myapp", 3 | "version": "1.0.0", 4 | "description": "A blank PhoneGap template using Vue.js and Framework7", 5 | "author": "tommy-carlos williams ", 6 | "scripts": { 7 | "build-dev": "node ./build/dev.js", 8 | "build-prod": "node ./build/prod.js", 9 | "dev": "webpack-dev-server --config ./build/webpack.config.dev.js", 10 | "prod": "webpack-dev-server --config ./build/webpack.config.prod.js", 11 | "cordova-build": "npm run build && cordova build", 12 | "cordova-run": "npm run build && cordova run browser", 13 | "cordova-run-ios": "npm run build && cordova run ios", 14 | "cordova-run-android": "npm run build && cordova run android", 15 | "copy-fonts": "cpy node_modules/framework7-icons/fonts/*.* src/fonts && cpy node_modules/material-design-icons/iconfont/*.{eot,ttf,woff,woff2} src/fonts", 16 | "postinstall": "npm run copy-fonts" 17 | }, 18 | "dependencies": { 19 | "cordova-android": "^7.0.0", 20 | "cordova-ios": "^4.1.1", 21 | "framework7": "^3.5.2", 22 | "framework7-icons": "^2.0.5", 23 | "framework7-vue": "^3.5.2", 24 | "material-design-icons": "^3.0.1", 25 | "vue": "^2.5.2" 26 | }, 27 | "devDependencies": { 28 | "@babel/core": "^7.1.2", 29 | "@babel/plugin-proposal-class-properties": "^7.2.1", 30 | "@babel/plugin-proposal-decorators": "^7.2.0", 31 | "@babel/plugin-proposal-export-namespace-from": "^7.2.0", 32 | "@babel/plugin-proposal-function-sent": "^7.2.0", 33 | "@babel/plugin-proposal-numeric-separator": "^7.2.0", 34 | "@babel/plugin-proposal-throw-expressions": "^7.2.0", 35 | "@babel/plugin-syntax-dynamic-import": "^7.0.0", 36 | "@babel/plugin-syntax-import-meta": "^7.2.0", 37 | "@babel/plugin-syntax-jsx": "^7.0.0", 38 | "@babel/plugin-transform-runtime": "^7.1.0", 39 | "@babel/preset-env": "^7.1.0", 40 | "autoprefixer": "^9.1.5", 41 | "babel-helper-vue-jsx-merge-props": "^2.0.3", 42 | "babel-loader": "^8.0.4", 43 | "babel-plugin-transform-vue-jsx": "^4.0.1", 44 | "chalk": "^2.4.1", 45 | "copy-webpack-plugin": "^4.5.2", 46 | "cpy-cli": "^2.0.0", 47 | "cross-env": "^5.1.3", 48 | "css-loader": "^1.0.0", 49 | "file-loader": "^2.0.0", 50 | "html-webpack-plugin": "^3.2.0", 51 | "less": "^3.8.1", 52 | "less-loader": "^4.1.0", 53 | "mini-css-extract-plugin": "^0.4.3", 54 | "optimize-css-assets-webpack-plugin": "^5.0.1", 55 | "ora": "^3.0.0", 56 | "stylus": "^0.54.5", 57 | "stylus-loader": "^3.0.2", 58 | "uglifyjs-webpack-plugin": "^1.1.1", 59 | "url-loader": "^1.1.1", 60 | "vue-loader": "^15.4.2", 61 | "vue-style-loader": "^4.1.2", 62 | "vue-template-compiler": "^2.5.17", 63 | "webpack": "^4.20.0", 64 | "webpack-bundle-analyzer": "^3.0.2", 65 | "webpack-cli": "^3.1.2", 66 | "webpack-dev-server": "^3.1.9" 67 | }, 68 | "engines": { 69 | "node": ">= 6.0.0", 70 | "npm": ">= 3.0.0" 71 | }, 72 | "browserslist": [ 73 | "> 1%", 74 | "last 2 versions", 75 | "not ie <= 8" 76 | ], 77 | "cordova": { 78 | "platforms": [ 79 | "android", 80 | "ios" 81 | ] 82 | } 83 | } -------------------------------------------------------------------------------- /template/res/icon/android/drawable-hdpi-icon.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/phonegap/phonegap-template-vue-f7-tabs/5cfb79bddb05fe1a622f00b026a693f6ac64d037/template/res/icon/android/drawable-hdpi-icon.png -------------------------------------------------------------------------------- /template/res/icon/android/drawable-ldpi-icon.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/phonegap/phonegap-template-vue-f7-tabs/5cfb79bddb05fe1a622f00b026a693f6ac64d037/template/res/icon/android/drawable-ldpi-icon.png -------------------------------------------------------------------------------- /template/res/icon/android/drawable-mdpi-icon.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/phonegap/phonegap-template-vue-f7-tabs/5cfb79bddb05fe1a622f00b026a693f6ac64d037/template/res/icon/android/drawable-mdpi-icon.png -------------------------------------------------------------------------------- /template/res/icon/android/drawable-xhdpi-icon.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/phonegap/phonegap-template-vue-f7-tabs/5cfb79bddb05fe1a622f00b026a693f6ac64d037/template/res/icon/android/drawable-xhdpi-icon.png -------------------------------------------------------------------------------- /template/res/icon/android/drawable-xxhdpi-icon.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/phonegap/phonegap-template-vue-f7-tabs/5cfb79bddb05fe1a622f00b026a693f6ac64d037/template/res/icon/android/drawable-xxhdpi-icon.png -------------------------------------------------------------------------------- /template/res/icon/android/drawable-xxxhdpi-icon.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/phonegap/phonegap-template-vue-f7-tabs/5cfb79bddb05fe1a622f00b026a693f6ac64d037/template/res/icon/android/drawable-xxxhdpi-icon.png -------------------------------------------------------------------------------- /template/res/icon/ios/icon-40.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/phonegap/phonegap-template-vue-f7-tabs/5cfb79bddb05fe1a622f00b026a693f6ac64d037/template/res/icon/ios/icon-40.png -------------------------------------------------------------------------------- /template/res/icon/ios/icon-40@2x.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/phonegap/phonegap-template-vue-f7-tabs/5cfb79bddb05fe1a622f00b026a693f6ac64d037/template/res/icon/ios/icon-40@2x.png -------------------------------------------------------------------------------- /template/res/icon/ios/icon-50.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/phonegap/phonegap-template-vue-f7-tabs/5cfb79bddb05fe1a622f00b026a693f6ac64d037/template/res/icon/ios/icon-50.png -------------------------------------------------------------------------------- /template/res/icon/ios/icon-50@2x.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/phonegap/phonegap-template-vue-f7-tabs/5cfb79bddb05fe1a622f00b026a693f6ac64d037/template/res/icon/ios/icon-50@2x.png -------------------------------------------------------------------------------- /template/res/icon/ios/icon-60.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/phonegap/phonegap-template-vue-f7-tabs/5cfb79bddb05fe1a622f00b026a693f6ac64d037/template/res/icon/ios/icon-60.png -------------------------------------------------------------------------------- /template/res/icon/ios/icon-60@2x.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/phonegap/phonegap-template-vue-f7-tabs/5cfb79bddb05fe1a622f00b026a693f6ac64d037/template/res/icon/ios/icon-60@2x.png -------------------------------------------------------------------------------- /template/res/icon/ios/icon-60@3x.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/phonegap/phonegap-template-vue-f7-tabs/5cfb79bddb05fe1a622f00b026a693f6ac64d037/template/res/icon/ios/icon-60@3x.png -------------------------------------------------------------------------------- /template/res/icon/ios/icon-72.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/phonegap/phonegap-template-vue-f7-tabs/5cfb79bddb05fe1a622f00b026a693f6ac64d037/template/res/icon/ios/icon-72.png -------------------------------------------------------------------------------- /template/res/icon/ios/icon-72@2x.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/phonegap/phonegap-template-vue-f7-tabs/5cfb79bddb05fe1a622f00b026a693f6ac64d037/template/res/icon/ios/icon-72@2x.png -------------------------------------------------------------------------------- /template/res/icon/ios/icon-76.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/phonegap/phonegap-template-vue-f7-tabs/5cfb79bddb05fe1a622f00b026a693f6ac64d037/template/res/icon/ios/icon-76.png -------------------------------------------------------------------------------- /template/res/icon/ios/icon-76@2x.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/phonegap/phonegap-template-vue-f7-tabs/5cfb79bddb05fe1a622f00b026a693f6ac64d037/template/res/icon/ios/icon-76@2x.png -------------------------------------------------------------------------------- /template/res/icon/ios/icon-small.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/phonegap/phonegap-template-vue-f7-tabs/5cfb79bddb05fe1a622f00b026a693f6ac64d037/template/res/icon/ios/icon-small.png -------------------------------------------------------------------------------- /template/res/icon/ios/icon-small@2x.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/phonegap/phonegap-template-vue-f7-tabs/5cfb79bddb05fe1a622f00b026a693f6ac64d037/template/res/icon/ios/icon-small@2x.png -------------------------------------------------------------------------------- /template/res/icon/ios/icon-small@3x.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/phonegap/phonegap-template-vue-f7-tabs/5cfb79bddb05fe1a622f00b026a693f6ac64d037/template/res/icon/ios/icon-small@3x.png -------------------------------------------------------------------------------- /template/res/icon/ios/icon.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/phonegap/phonegap-template-vue-f7-tabs/5cfb79bddb05fe1a622f00b026a693f6ac64d037/template/res/icon/ios/icon.png -------------------------------------------------------------------------------- /template/res/icon/ios/icon@2x.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/phonegap/phonegap-template-vue-f7-tabs/5cfb79bddb05fe1a622f00b026a693f6ac64d037/template/res/icon/ios/icon@2x.png -------------------------------------------------------------------------------- /template/res/icon/windows/Square150x150Logo.scale-100.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/phonegap/phonegap-template-vue-f7-tabs/5cfb79bddb05fe1a622f00b026a693f6ac64d037/template/res/icon/windows/Square150x150Logo.scale-100.png -------------------------------------------------------------------------------- /template/res/icon/windows/Square150x150Logo.scale-240.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/phonegap/phonegap-template-vue-f7-tabs/5cfb79bddb05fe1a622f00b026a693f6ac64d037/template/res/icon/windows/Square150x150Logo.scale-240.png -------------------------------------------------------------------------------- /template/res/icon/windows/Square30x30Logo.scale-100.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/phonegap/phonegap-template-vue-f7-tabs/5cfb79bddb05fe1a622f00b026a693f6ac64d037/template/res/icon/windows/Square30x30Logo.scale-100.png -------------------------------------------------------------------------------- /template/res/icon/windows/Square310x310Logo.scale-100.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/phonegap/phonegap-template-vue-f7-tabs/5cfb79bddb05fe1a622f00b026a693f6ac64d037/template/res/icon/windows/Square310x310Logo.scale-100.png -------------------------------------------------------------------------------- /template/res/icon/windows/Square44x44Logo.scale-100.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/phonegap/phonegap-template-vue-f7-tabs/5cfb79bddb05fe1a622f00b026a693f6ac64d037/template/res/icon/windows/Square44x44Logo.scale-100.png -------------------------------------------------------------------------------- /template/res/icon/windows/Square44x44Logo.scale-240.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/phonegap/phonegap-template-vue-f7-tabs/5cfb79bddb05fe1a622f00b026a693f6ac64d037/template/res/icon/windows/Square44x44Logo.scale-240.png -------------------------------------------------------------------------------- /template/res/icon/windows/Square70x70Logo.scale-100.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/phonegap/phonegap-template-vue-f7-tabs/5cfb79bddb05fe1a622f00b026a693f6ac64d037/template/res/icon/windows/Square70x70Logo.scale-100.png -------------------------------------------------------------------------------- /template/res/icon/windows/Square71x71Logo.scale-100.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/phonegap/phonegap-template-vue-f7-tabs/5cfb79bddb05fe1a622f00b026a693f6ac64d037/template/res/icon/windows/Square71x71Logo.scale-100.png -------------------------------------------------------------------------------- /template/res/icon/windows/Square71x71Logo.scale-240.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/phonegap/phonegap-template-vue-f7-tabs/5cfb79bddb05fe1a622f00b026a693f6ac64d037/template/res/icon/windows/Square71x71Logo.scale-240.png -------------------------------------------------------------------------------- /template/res/icon/windows/StoreLogo.scale-100.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/phonegap/phonegap-template-vue-f7-tabs/5cfb79bddb05fe1a622f00b026a693f6ac64d037/template/res/icon/windows/StoreLogo.scale-100.png -------------------------------------------------------------------------------- /template/res/icon/windows/StoreLogo.scale-240.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/phonegap/phonegap-template-vue-f7-tabs/5cfb79bddb05fe1a622f00b026a693f6ac64d037/template/res/icon/windows/StoreLogo.scale-240.png -------------------------------------------------------------------------------- /template/res/icon/windows/Wide310x150Logo.scale-100.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/phonegap/phonegap-template-vue-f7-tabs/5cfb79bddb05fe1a622f00b026a693f6ac64d037/template/res/icon/windows/Wide310x150Logo.scale-100.png -------------------------------------------------------------------------------- /template/res/icon/windows/Wide310x150Logo.scale-240.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/phonegap/phonegap-template-vue-f7-tabs/5cfb79bddb05fe1a622f00b026a693f6ac64d037/template/res/icon/windows/Wide310x150Logo.scale-240.png -------------------------------------------------------------------------------- /template/res/icon/wp8/ApplicationIcon.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/phonegap/phonegap-template-vue-f7-tabs/5cfb79bddb05fe1a622f00b026a693f6ac64d037/template/res/icon/wp8/ApplicationIcon.png -------------------------------------------------------------------------------- /template/res/icon/wp8/Background.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/phonegap/phonegap-template-vue-f7-tabs/5cfb79bddb05fe1a622f00b026a693f6ac64d037/template/res/icon/wp8/Background.png -------------------------------------------------------------------------------- /template/res/screen/android/drawable-land-hdpi-screen.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/phonegap/phonegap-template-vue-f7-tabs/5cfb79bddb05fe1a622f00b026a693f6ac64d037/template/res/screen/android/drawable-land-hdpi-screen.png -------------------------------------------------------------------------------- /template/res/screen/android/drawable-land-ldpi-screen.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/phonegap/phonegap-template-vue-f7-tabs/5cfb79bddb05fe1a622f00b026a693f6ac64d037/template/res/screen/android/drawable-land-ldpi-screen.png -------------------------------------------------------------------------------- /template/res/screen/android/drawable-land-mdpi-screen.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/phonegap/phonegap-template-vue-f7-tabs/5cfb79bddb05fe1a622f00b026a693f6ac64d037/template/res/screen/android/drawable-land-mdpi-screen.png -------------------------------------------------------------------------------- /template/res/screen/android/drawable-land-xhdpi-screen.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/phonegap/phonegap-template-vue-f7-tabs/5cfb79bddb05fe1a622f00b026a693f6ac64d037/template/res/screen/android/drawable-land-xhdpi-screen.png -------------------------------------------------------------------------------- /template/res/screen/android/drawable-land-xxhdpi-screen.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/phonegap/phonegap-template-vue-f7-tabs/5cfb79bddb05fe1a622f00b026a693f6ac64d037/template/res/screen/android/drawable-land-xxhdpi-screen.png -------------------------------------------------------------------------------- /template/res/screen/android/drawable-land-xxxhdpi-screen.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/phonegap/phonegap-template-vue-f7-tabs/5cfb79bddb05fe1a622f00b026a693f6ac64d037/template/res/screen/android/drawable-land-xxxhdpi-screen.png -------------------------------------------------------------------------------- /template/res/screen/android/drawable-port-hdpi-screen.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/phonegap/phonegap-template-vue-f7-tabs/5cfb79bddb05fe1a622f00b026a693f6ac64d037/template/res/screen/android/drawable-port-hdpi-screen.png -------------------------------------------------------------------------------- /template/res/screen/android/drawable-port-ldpi-screen.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/phonegap/phonegap-template-vue-f7-tabs/5cfb79bddb05fe1a622f00b026a693f6ac64d037/template/res/screen/android/drawable-port-ldpi-screen.png -------------------------------------------------------------------------------- /template/res/screen/android/drawable-port-mdpi-screen.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/phonegap/phonegap-template-vue-f7-tabs/5cfb79bddb05fe1a622f00b026a693f6ac64d037/template/res/screen/android/drawable-port-mdpi-screen.png -------------------------------------------------------------------------------- /template/res/screen/android/drawable-port-xhdpi-screen.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/phonegap/phonegap-template-vue-f7-tabs/5cfb79bddb05fe1a622f00b026a693f6ac64d037/template/res/screen/android/drawable-port-xhdpi-screen.png -------------------------------------------------------------------------------- /template/res/screen/android/drawable-port-xxhdpi-screen.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/phonegap/phonegap-template-vue-f7-tabs/5cfb79bddb05fe1a622f00b026a693f6ac64d037/template/res/screen/android/drawable-port-xxhdpi-screen.png -------------------------------------------------------------------------------- /template/res/screen/android/drawable-port-xxxhdpi-screen.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/phonegap/phonegap-template-vue-f7-tabs/5cfb79bddb05fe1a622f00b026a693f6ac64d037/template/res/screen/android/drawable-port-xxxhdpi-screen.png -------------------------------------------------------------------------------- /template/res/screen/ios/Default-568h@2x~iphone.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/phonegap/phonegap-template-vue-f7-tabs/5cfb79bddb05fe1a622f00b026a693f6ac64d037/template/res/screen/ios/Default-568h@2x~iphone.png -------------------------------------------------------------------------------- /template/res/screen/ios/Default-667h.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/phonegap/phonegap-template-vue-f7-tabs/5cfb79bddb05fe1a622f00b026a693f6ac64d037/template/res/screen/ios/Default-667h.png -------------------------------------------------------------------------------- /template/res/screen/ios/Default-736h.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/phonegap/phonegap-template-vue-f7-tabs/5cfb79bddb05fe1a622f00b026a693f6ac64d037/template/res/screen/ios/Default-736h.png -------------------------------------------------------------------------------- /template/res/screen/ios/Default-Landscape-736h.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/phonegap/phonegap-template-vue-f7-tabs/5cfb79bddb05fe1a622f00b026a693f6ac64d037/template/res/screen/ios/Default-Landscape-736h.png -------------------------------------------------------------------------------- /template/res/screen/ios/Default-Landscape@2x~ipad.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/phonegap/phonegap-template-vue-f7-tabs/5cfb79bddb05fe1a622f00b026a693f6ac64d037/template/res/screen/ios/Default-Landscape@2x~ipad.png -------------------------------------------------------------------------------- /template/res/screen/ios/Default-Landscape~ipad.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/phonegap/phonegap-template-vue-f7-tabs/5cfb79bddb05fe1a622f00b026a693f6ac64d037/template/res/screen/ios/Default-Landscape~ipad.png -------------------------------------------------------------------------------- /template/res/screen/ios/Default-Portrait@2x~ipad.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/phonegap/phonegap-template-vue-f7-tabs/5cfb79bddb05fe1a622f00b026a693f6ac64d037/template/res/screen/ios/Default-Portrait@2x~ipad.png -------------------------------------------------------------------------------- /template/res/screen/ios/Default-Portrait~ipad.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/phonegap/phonegap-template-vue-f7-tabs/5cfb79bddb05fe1a622f00b026a693f6ac64d037/template/res/screen/ios/Default-Portrait~ipad.png -------------------------------------------------------------------------------- /template/res/screen/ios/Default@2x~iphone.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/phonegap/phonegap-template-vue-f7-tabs/5cfb79bddb05fe1a622f00b026a693f6ac64d037/template/res/screen/ios/Default@2x~iphone.png -------------------------------------------------------------------------------- /template/res/screen/ios/Default~iphone.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/phonegap/phonegap-template-vue-f7-tabs/5cfb79bddb05fe1a622f00b026a693f6ac64d037/template/res/screen/ios/Default~iphone.png -------------------------------------------------------------------------------- /template/res/screen/windows/SplashScreen.scale-100.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/phonegap/phonegap-template-vue-f7-tabs/5cfb79bddb05fe1a622f00b026a693f6ac64d037/template/res/screen/windows/SplashScreen.scale-100.png -------------------------------------------------------------------------------- /template/res/screen/windows/SplashScreenPhone.scale-240.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/phonegap/phonegap-template-vue-f7-tabs/5cfb79bddb05fe1a622f00b026a693f6ac64d037/template/res/screen/windows/SplashScreenPhone.scale-240.png -------------------------------------------------------------------------------- /template/res/screen/wp8/screen-portrait.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/phonegap/phonegap-template-vue-f7-tabs/5cfb79bddb05fe1a622f00b026a693f6ac64d037/template/res/screen/wp8/screen-portrait.jpg -------------------------------------------------------------------------------- /template/src/App.vue: -------------------------------------------------------------------------------- 1 | 14 | 15 | 59 | -------------------------------------------------------------------------------- /template/src/assets/.gitkeep: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/phonegap/phonegap-template-vue-f7-tabs/5cfb79bddb05fe1a622f00b026a693f6ac64d037/template/src/assets/.gitkeep -------------------------------------------------------------------------------- /template/src/css/app.css: -------------------------------------------------------------------------------- 1 | /* Your app styles here */ 2 | -------------------------------------------------------------------------------- /template/src/css/icons.css: -------------------------------------------------------------------------------- 1 | /* Material Icons Font (for MD theme) */ 2 | @font-face { 3 | font-family: 'Material Icons'; 4 | font-style: normal; 5 | font-weight: 400; 6 | src: url(../fonts/MaterialIcons-Regular.eot); /* For IE6-8 */ 7 | src: local('Material Icons'), 8 | local('MaterialIcons-Regular'), 9 | url(../fonts/MaterialIcons-Regular.woff2) format('woff2'), 10 | url(../fonts/MaterialIcons-Regular.woff) format('woff'), 11 | url(../fonts/MaterialIcons-Regular.ttf) format('truetype'); 12 | } 13 | 14 | .material-icons { 15 | font-family: 'Material Icons'; 16 | font-weight: normal; 17 | font-style: normal; 18 | font-size: 24px; /* Preferred icon size */ 19 | display: inline-block; 20 | line-height: 1; 21 | text-transform: none; 22 | letter-spacing: normal; 23 | word-wrap: normal; 24 | white-space: nowrap; 25 | direction: ltr; 26 | 27 | /* Support for all WebKit browsers. */ 28 | -webkit-font-smoothing: antialiased; 29 | /* Support for Safari and Chrome. */ 30 | text-rendering: optimizeLegibility; 31 | 32 | /* Support for Firefox. */ 33 | -moz-osx-font-smoothing: grayscale; 34 | 35 | /* Support for IE. */ 36 | font-feature-settings: 'liga'; 37 | } 38 | 39 | /* Framework7 Icons Font (for iOS theme) */ 40 | @font-face { 41 | font-family: 'Framework7 Icons'; 42 | font-style: normal; 43 | font-weight: 400; 44 | src: url("../fonts/Framework7Icons-Regular.eot"); 45 | src: url("../fonts/Framework7Icons-Regular.woff2") format("woff2"), 46 | url("../fonts/Framework7Icons-Regular.woff") format("woff"), 47 | url("../fonts/Framework7Icons-Regular.ttf") format("truetype"); 48 | } 49 | 50 | .f7-icons { 51 | font-family: 'Framework7 Icons'; 52 | font-weight: normal; 53 | font-style: normal; 54 | font-size: 25px; 55 | line-height: 1; 56 | letter-spacing: normal; 57 | text-transform: none; 58 | display: inline-block; 59 | white-space: nowrap; 60 | word-wrap: normal; 61 | direction: ltr; 62 | -webkit-font-smoothing: antialiased; 63 | text-rendering: optimizeLegibility; 64 | -moz-osx-font-smoothing: grayscale; 65 | -webkit-font-feature-settings: "liga"; 66 | -moz-font-feature-settings: "liga=1"; 67 | -moz-font-feature-settings: "liga"; 68 | font-feature-settings: "liga"; 69 | text-align: center; 70 | } 71 | -------------------------------------------------------------------------------- /template/src/main.js: -------------------------------------------------------------------------------- 1 | /* eslint-disable no-unused-vars */ 2 | // Import Vue 3 | import Vue from 'vue'; 4 | 5 | // Import F7 6 | import Framework7 from 'framework7/framework7.esm.bundle.js'; 7 | 8 | // Import F7 Vue Plugin 9 | import Framework7Vue from 'framework7-vue/framework7-vue.esm.bundle.js'; 10 | 11 | // Import F7 Styles 12 | import Framework7Styles from 'framework7/css/framework7.css'; 13 | 14 | // Import Icons and App Custom Styles 15 | import IconsStyles from './css/icons.css'; 16 | import AppStyles from './css/app.css'; 17 | 18 | // Import Routes 19 | import Routes from './routes.js'; 20 | 21 | // Import App Component 22 | import App from './app'; 23 | 24 | // Init F7 Vue Plugin 25 | Framework7.use(Framework7Vue); 26 | 27 | // Init App 28 | const baseApp = new Vue({ 29 | el: '#app', 30 | template: '', 31 | // Register App Component 32 | components: { 33 | app: App 34 | } 35 | }); 36 | -------------------------------------------------------------------------------- /template/src/pages/About.vue: -------------------------------------------------------------------------------- 1 | 13 | 14 | 24 | -------------------------------------------------------------------------------- /template/src/pages/Home.vue: -------------------------------------------------------------------------------- 1 | 13 | 23 | -------------------------------------------------------------------------------- /template/src/pages/Services.vue: -------------------------------------------------------------------------------- 1 | 13 | 14 | 24 | -------------------------------------------------------------------------------- /template/src/pages/Tabs.vue: -------------------------------------------------------------------------------- 1 | 26 | 27 | 49 | -------------------------------------------------------------------------------- /template/src/pages/not-found.vue: -------------------------------------------------------------------------------- 1 | 10 | -------------------------------------------------------------------------------- /template/src/routes.js: -------------------------------------------------------------------------------- 1 | import Tabs from './pages/Tabs.vue'; 2 | import NotFoundPage from './pages/not-found.vue'; 3 | 4 | export default [ 5 | { 6 | path: '/', 7 | component: Tabs 8 | }, 9 | { 10 | path: '(.*)', 11 | component: NotFoundPage 12 | } 13 | ]; 14 | -------------------------------------------------------------------------------- /template/static/.gitkeep: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/phonegap/phonegap-template-vue-f7-tabs/5cfb79bddb05fe1a622f00b026a693f6ac64d037/template/static/.gitkeep --------------------------------------------------------------------------------