2016-05-01 34 views
0

我在將Ionic2版本從測試版4更新至5/6時遇到了一些問題。Ionic2:更新至測試版5和6

在測試版4中,瀏覽器的外觀和感覺默認爲iOS。在5和6中,樣式類似於Android,當我瀏覽頁面時(Z-index),我有多個呈現問題。 測試版6教程在瀏覽器上也顯示類似Android的教程。

瀏覽器在Mac OS(最新版本)

Chrome瀏覽器(最新版本)在iPhone模擬器一切正常。

你知道這是什麼問題嗎?

我做這個指南的一切:GUIDE

的package.json

{ 
 
    "dependencies": { 
 
    "angular2": "2.0.0-beta.15", 
 
    "es6-promise": "3.0.2", 
 
    "es6-shim": "0.35.0", 
 
    "ionic-angular": "2.0.0-beta.6", 
 
    "ionic-native": "^1.1.0", 
 
    "ionicons": "3.0.0-alpha.3", 
 
    "reflect-metadata": "0.1.2", 
 
    "run-sequence": "^1.1.5", 
 
    "rxjs": "5.0.0-beta.2", 
 
    "systemjs": "^0.19.4", 
 
    "zone.js": "0.6.10" 
 
    }, 
 
    "devDependencies": { 
 
    "del": "2.2.0", 
 
    "gulp": "3.9.1", 
 
    "gulp-imagemin": "^2.4.0", 
 
    "gulp-watch": "4.3.5", 
 
    "ionic-gulp-browserify-typescript": "^1.0.0", 
 
    "ionic-gulp-fonts-copy": "^1.0.0", 
 
    "ionic-gulp-html-copy": "^1.0.0", 
 
    "ionic-gulp-sass-build": "^1.0.0", 
 
    "ionic-gulp-scripts-copy": "^1.0.0", 
 
    "gulp-sass": "2.2.0", 
 
    "node-sass": "3.4.2" 
 
    }, 
 
    "cordovaPlugins": [ 
 
    "cordova-plugin-device", 
 
    "cordova-plugin-console", 
 
    "cordova-plugin-whitelist", 
 
    "cordova-plugin-splashscreen", 
 
    "cordova-plugin-statusbar", 
 
    "ionic-plugin-keyboard" 
 
    ], 
 
    "cordovaPlatforms": [ 
 
    "ios", 
 
    { 
 
     "platform": "ios", 
 
     "version": "", 
 
     "locator": "ios" 
 
    } 
 
    ], 
 
    "name": "", 
 
    "description": "" 
 
}

回答

1

這是由設計。在網上查看時,Ionic默認使用Material Design。注意:截至2016年5月2日這是準確的。未來可能會發生變化。

如果你想在不同的風格進行測試,以查看應用程序,你可以設置一個查詢參數,如:

localhost:8100/index.html?ionicplatform=ios 

主題/配置也可以重寫,以顯示不同的平臺的造型。

http://ionicframework.com/docs/v2/theming/platform-specific-styles/

+0

謝謝!這是md-transition配置的問題。藉助ios-transition,這沒關係。 – Javo