瀏覽代碼

Initial commit

Kr Younger 6 年之前
當前提交
9a14487dd9

+ 17
- 0
.editorconfig 查看文件

@@ -0,0 +1,17 @@
1
+# EditorConfig helps developers define and maintain consistent coding styles between different editors and IDEs
2
+# editorconfig.org
3
+
4
+root = true
5
+
6
+[*]
7
+indent_style = space
8
+indent_size = 2
9
+
10
+# We recommend you to keep these unchanged
11
+end_of_line = lf
12
+charset = utf-8
13
+trim_trailing_whitespace = true
14
+insert_final_newline = true
15
+
16
+[*.md]
17
+trim_trailing_whitespace = false

+ 35
- 0
.gitignore 查看文件

@@ -0,0 +1,35 @@
1
+# Specifies intentionally untracked files to ignore when using Git
2
+# http://git-scm.com/docs/gitignore
3
+
4
+*~
5
+*.sw[mnpcod]
6
+*.log
7
+*.tmp
8
+*.tmp.*
9
+log.txt
10
+*.sublime-project
11
+*.sublime-workspace
12
+.vscode/
13
+npm-debug.log*
14
+
15
+.idea/
16
+.sourcemaps/
17
+.sass-cache/
18
+.tmp/
19
+.versions/
20
+coverage/
21
+dist/
22
+node_modules/
23
+tmp/
24
+temp/
25
+hooks/
26
+platforms/
27
+plugins/
28
+plugins/android.json
29
+plugins/ios.json
30
+www/
31
+$RECYCLE.BIN/
32
+
33
+.DS_Store
34
+Thumbs.db
35
+UserInterfaceState.xcuserstate

+ 6
- 0
ionic.config.json 查看文件

@@ -0,0 +1,6 @@
1
+{
2
+  "name": "zipflash",
3
+  "app_id": "",
4
+  "type": "ionic-angular",
5
+  "integrations": {}
6
+}

+ 6954
- 0
package-lock.json
文件差異過大導致無法顯示
查看文件


+ 39
- 0
package.json 查看文件

@@ -0,0 +1,39 @@
1
+{
2
+  "name": "zipflash",
3
+  "version": "0.0.1",
4
+  "author": "Ionic Framework",
5
+  "homepage": "http://ionicframework.com/",
6
+  "private": true,
7
+  "scripts": {
8
+    "clean": "ionic-app-scripts clean",
9
+    "build": "ionic-app-scripts build",
10
+    "lint": "ionic-app-scripts lint",
11
+    "ionic:build": "ionic-app-scripts build",
12
+    "ionic:serve": "ionic-app-scripts serve"
13
+  },
14
+  "dependencies": {
15
+    "@angular/animations": "5.2.9",
16
+    "@angular/common": "5.2.9",
17
+    "@angular/compiler": "5.2.9",
18
+    "@angular/compiler-cli": "5.2.9",
19
+    "@angular/core": "5.2.9",
20
+    "@angular/forms": "5.2.9",
21
+    "@angular/http": "5.2.9",
22
+    "@angular/platform-browser": "5.2.9",
23
+    "@angular/platform-browser-dynamic": "5.2.9",
24
+    "@ionic-native/core": "4.6.0",
25
+    "@ionic-native/splash-screen": "4.6.0",
26
+    "@ionic-native/status-bar": "4.6.0",
27
+    "@ionic/storage": "2.1.3",
28
+    "ionic-angular": "3.9.2",
29
+    "ionicons": "3.0.0",
30
+    "rxjs": "5.5.8",
31
+    "sw-toolbox": "3.6.0",
32
+    "zone.js": "0.8.20"
33
+  },
34
+  "devDependencies": {
35
+    "@ionic/app-scripts": "3.1.8",
36
+    "typescript": "~2.6.2"
37
+  },
38
+  "description": "An Ionic project"
39
+}

+ 22
- 0
src/app/app.component.ts 查看文件

@@ -0,0 +1,22 @@
1
+import { Component } from '@angular/core';
2
+import { Platform } from 'ionic-angular';
3
+import { StatusBar } from '@ionic-native/status-bar';
4
+import { SplashScreen } from '@ionic-native/splash-screen';
5
+
6
+import { HomePage } from '../pages/home/home';
7
+@Component({
8
+  templateUrl: 'app.html'
9
+})
10
+export class MyApp {
11
+  rootPage:any = HomePage;
12
+
13
+  constructor(platform: Platform, statusBar: StatusBar, splashScreen: SplashScreen) {
14
+    platform.ready().then(() => {
15
+      // Okay, so the platform is ready and our plugins are available.
16
+      // Here you can do any higher level native things you might need.
17
+      statusBar.styleDefault();
18
+      splashScreen.hide();
19
+    });
20
+  }
21
+}
22
+

+ 1
- 0
src/app/app.html 查看文件

@@ -0,0 +1 @@
1
+<ion-nav [root]="rootPage"></ion-nav>

+ 30
- 0
src/app/app.module.ts 查看文件

@@ -0,0 +1,30 @@
1
+import { BrowserModule } from '@angular/platform-browser';
2
+import { ErrorHandler, NgModule } from '@angular/core';
3
+import { IonicApp, IonicErrorHandler, IonicModule } from 'ionic-angular';
4
+import { SplashScreen } from '@ionic-native/splash-screen';
5
+import { StatusBar } from '@ionic-native/status-bar';
6
+
7
+import { MyApp } from './app.component';
8
+import { HomePage } from '../pages/home/home';
9
+
10
+@NgModule({
11
+  declarations: [
12
+    MyApp,
13
+    HomePage
14
+  ],
15
+  imports: [
16
+    BrowserModule,
17
+    IonicModule.forRoot(MyApp)
18
+  ],
19
+  bootstrap: [IonicApp],
20
+  entryComponents: [
21
+    MyApp,
22
+    HomePage
23
+  ],
24
+  providers: [
25
+    StatusBar,
26
+    SplashScreen,
27
+    {provide: ErrorHandler, useClass: IonicErrorHandler}
28
+  ]
29
+})
30
+export class AppModule {}

+ 16
- 0
src/app/app.scss 查看文件

@@ -0,0 +1,16 @@
1
+// http://ionicframework.com/docs/theming/
2
+
3
+
4
+// App Global Sass
5
+// --------------------------------------------------
6
+// Put style rules here that you want to apply globally. These
7
+// styles are for the entire app and not just one component.
8
+// Additionally, this file can be also used as an entry point
9
+// to import other Sass files to be included in the output CSS.
10
+//
11
+// Shared Sass variables, which can be used to adjust Ionic's
12
+// default Sass variables, belong in "theme/variables.scss".
13
+//
14
+// To declare rules for a specific mode, create a child rule
15
+// for the .md, .ios, or .wp mode classes. The mode class is
16
+// automatically applied to the <body> element in the app.

+ 5
- 0
src/app/main.ts 查看文件

@@ -0,0 +1,5 @@
1
+import { platformBrowserDynamic } from '@angular/platform-browser-dynamic';
2
+
3
+import { AppModule } from './app.module';
4
+
5
+platformBrowserDynamic().bootstrapModule(AppModule);

二進制
src/assets/icon/favicon.ico 查看文件


二進制
src/assets/imgs/logo.png 查看文件


+ 49
- 0
src/index.html 查看文件

@@ -0,0 +1,49 @@
1
+<!DOCTYPE html>
2
+<html lang="en" dir="ltr">
3
+<head>
4
+  <meta charset="UTF-8">
5
+  <title>Ionic App</title>
6
+  <meta name="viewport" content="viewport-fit=cover, width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no">
7
+  <meta name="format-detection" content="telephone=no">
8
+  <meta name="msapplication-tap-highlight" content="no">
9
+
10
+  <link rel="icon" type="image/x-icon" href="assets/icon/favicon.ico">
11
+  <link rel="manifest" href="manifest.json">
12
+  <meta name="theme-color" content="#4e8ef7">
13
+
14
+  <!-- add to homescreen for ios -->
15
+  <meta name="apple-mobile-web-app-capable" content="yes">
16
+  <meta name="apple-mobile-web-app-status-bar-style" content="black">
17
+
18
+  <!-- cordova.js required for cordova apps (remove if not needed) -->
19
+  <script src="cordova.js"></script>
20
+
21
+  <!-- un-comment this code to enable service worker
22
+  <script>
23
+    if ('serviceWorker' in navigator) {
24
+      navigator.serviceWorker.register('service-worker.js')
25
+        .then(() => console.log('service worker installed'))
26
+        .catch(err => console.error('Error', err));
27
+    }
28
+  </script>-->
29
+
30
+  <link href="build/main.css" rel="stylesheet">
31
+
32
+</head>
33
+<body>
34
+
35
+  <!-- Ionic's root component and where the app will load -->
36
+  <ion-app></ion-app>
37
+
38
+  <!-- The polyfills js is generated during the build process -->
39
+  <script src="build/polyfills.js"></script>
40
+
41
+  <!-- The vendor js is generated during the build process
42
+       It contains all of the dependencies in node_modules -->
43
+  <script src="build/vendor.js"></script>
44
+
45
+  <!-- The main bundle js is generated during the build process -->
46
+  <script src="build/main.js"></script>
47
+
48
+</body>
49
+</html>

+ 13
- 0
src/manifest.json 查看文件

@@ -0,0 +1,13 @@
1
+{
2
+  "name": "Ionic",
3
+  "short_name": "Ionic",
4
+  "start_url": "index.html",
5
+  "display": "standalone",
6
+  "icons": [{
7
+    "src": "assets/imgs/logo.png",
8
+    "sizes": "512x512",
9
+    "type": "image/png"
10
+  }],
11
+  "background_color": "#4e8ef7",
12
+  "theme_color": "#4e8ef7"
13
+}

+ 14
- 0
src/pages/home/home.html 查看文件

@@ -0,0 +1,14 @@
1
+<ion-header>
2
+  <ion-navbar>
3
+    <ion-title>
4
+      Ionic Blank
5
+    </ion-title>
6
+  </ion-navbar>
7
+</ion-header>
8
+
9
+<ion-content padding>
10
+  The world is your oyster.
11
+  <p>
12
+    If you get lost, the <a href="http://ionicframework.com/docs/v2">docs</a> will be your guide.
13
+  </p>
14
+</ion-content>

+ 3
- 0
src/pages/home/home.scss 查看文件

@@ -0,0 +1,3 @@
1
+page-home {
2
+
3
+}

+ 14
- 0
src/pages/home/home.ts 查看文件

@@ -0,0 +1,14 @@
1
+import { Component } from '@angular/core';
2
+import { NavController } from 'ionic-angular';
3
+
4
+@Component({
5
+  selector: 'page-home',
6
+  templateUrl: 'home.html'
7
+})
8
+export class HomePage {
9
+
10
+  constructor(public navCtrl: NavController) {
11
+
12
+  }
13
+
14
+}

+ 31
- 0
src/service-worker.js 查看文件

@@ -0,0 +1,31 @@
1
+/**
2
+ * Check out https://googlechromelabs.github.io/sw-toolbox/ for
3
+ * more info on how to use sw-toolbox to custom configure your service worker.
4
+ */
5
+
6
+
7
+'use strict';
8
+importScripts('./build/sw-toolbox.js');
9
+
10
+self.toolbox.options.cache = {
11
+  name: 'ionic-cache'
12
+};
13
+
14
+// pre-cache our key assets
15
+self.toolbox.precache(
16
+  [
17
+    './build/main.js',
18
+    './build/vendor.js',
19
+    './build/main.css',
20
+    './build/polyfills.js',
21
+    'index.html',
22
+    'manifest.json'
23
+  ]
24
+);
25
+
26
+// dynamically cache any other local assets
27
+self.toolbox.router.any('/*', self.toolbox.fastest);
28
+
29
+// for any other requests go to the network, cache,
30
+// and then only use that cached resource if your user goes offline
31
+self.toolbox.router.default = self.toolbox.networkFirst;

+ 88
- 0
src/theme/variables.scss 查看文件

@@ -0,0 +1,88 @@
1
+// Ionic Variables and Theming. For more info, please see:
2
+// http://ionicframework.com/docs/theming/
3
+
4
+// Font path is used to include ionicons,
5
+// roboto, and noto sans fonts
6
+$font-path: "../assets/fonts";
7
+
8
+
9
+// The app direction is used to include
10
+// rtl styles in your app. For more info, please see:
11
+// http://ionicframework.com/docs/theming/rtl-support/
12
+$app-direction: ltr;
13
+
14
+
15
+@import "ionic.globals";
16
+
17
+
18
+// Shared Variables
19
+// --------------------------------------------------
20
+// To customize the look and feel of this app, you can override
21
+// the Sass variables found in Ionic's source scss files.
22
+// To view all the possible Ionic variables, see:
23
+// http://ionicframework.com/docs/theming/overriding-ionic-variables/
24
+
25
+
26
+
27
+
28
+// Named Color Variables
29
+// --------------------------------------------------
30
+// Named colors makes it easy to reuse colors on various components.
31
+// It's highly recommended to change the default colors
32
+// to match your app's branding. Ionic uses a Sass map of
33
+// colors so you can add, rename and remove colors as needed.
34
+// The "primary" color is the only required color in the map.
35
+
36
+$colors: (
37
+  primary:    #488aff,
38
+  secondary:  #32db64,
39
+  danger:     #f53d3d,
40
+  light:      #f4f4f4,
41
+  dark:       #222
42
+);
43
+
44
+
45
+// App iOS Variables
46
+// --------------------------------------------------
47
+// iOS only Sass variables can go here
48
+
49
+
50
+
51
+
52
+// App Material Design Variables
53
+// --------------------------------------------------
54
+// Material Design only Sass variables can go here
55
+
56
+
57
+
58
+
59
+// App Windows Variables
60
+// --------------------------------------------------
61
+// Windows only Sass variables can go here
62
+
63
+
64
+
65
+
66
+// App Theme
67
+// --------------------------------------------------
68
+// Ionic apps can have different themes applied, which can
69
+// then be future customized. This import comes last
70
+// so that the above variables are used and Ionic's
71
+// default are overridden.
72
+
73
+@import "ionic.theme.default";
74
+
75
+
76
+// Ionicons
77
+// --------------------------------------------------
78
+// The premium icon font for Ionic. For more info, please see:
79
+// http://ionicframework.com/docs/ionicons/
80
+
81
+@import "ionic.ionicons";
82
+
83
+
84
+// Fonts
85
+// --------------------------------------------------
86
+
87
+@import "roboto";
88
+@import "noto-sans";

+ 28
- 0
tsconfig.json 查看文件

@@ -0,0 +1,28 @@
1
+{
2
+  "compilerOptions": {
3
+    "allowSyntheticDefaultImports": true,
4
+    "declaration": false,
5
+    "emitDecoratorMetadata": true,
6
+    "experimentalDecorators": true,
7
+    "lib": [
8
+      "dom",
9
+      "es2015"
10
+    ],
11
+    "module": "es2015",
12
+    "moduleResolution": "node",
13
+    "sourceMap": true,
14
+    "target": "es5"
15
+  },
16
+  "include": [
17
+    "src/**/*.ts"
18
+  ],
19
+  "exclude": [
20
+    "node_modules",
21
+    "src/**/*.spec.ts",
22
+    "src/**/__tests__/*.ts"
23
+  ],
24
+  "compileOnSave": false,
25
+  "atom": {
26
+    "rewriteTsconfig": false
27
+  }
28
+}

+ 11
- 0
tslint.json 查看文件

@@ -0,0 +1,11 @@
1
+{
2
+  "rules": {
3
+    "no-duplicate-variable": true,
4
+    "no-unused-variable": [
5
+      true
6
+    ]
7
+  },
8
+  "rulesDirectory": [
9
+    "node_modules/tslint-eslint-rules/dist/rules"
10
+  ]
11
+}