美文网首页
ionic3应用内主题浏览器的使用

ionic3应用内主题浏览器的使用

作者: 没有昵_称 | 来源:发表于2017-10-23 17:59 被阅读252次

    1、先安装ThemeableBrowser插件

    分别执行以下命令

    ionic cordova plugin add cordova-plugin-themeablebrowser

    npm install --save @ionic-native/themeable-browser


    2、使用ThemeableBrowser插件

    如下demo:

    import{Component}from'@angular/core';

    import{IonicPage,NavController,NavParams}from'ionic-angular';

    import{ThemeableBrowser}from"ionic-native";

    @IonicPage()

    @Component({

    selector:'page-woqu',

    templateUrl:'woqu.html',

    })

    exportclassWoquPage{

    constructor(publicnavCtrl:NavController,publicnavParams:NavParams) {

    }

    ionViewDidLoad() {

    console.log('ionViewDidLoad WoquPage');

    }

    liulanqi(){

    letoptions= {

    statusbar:{

    color:'#f8285c'

    },

    toolbar:{

    height:44,

    color:'#f8285c'

    },

    title:{

    color:'#ffffffff',

    showPageTitle:true

    },

    backButton:{

    image:'back',

    imagePressed:'back_pressed',

    align:'left',

    event:'backPressed'

    },

    backButtonCanClose:true

    };

    newThemeableBrowser('http://write.blog.csdn.net/postedit','_blank',options);

    }

    }

    相关文章

      网友评论

          本文标题:ionic3应用内主题浏览器的使用

          本文链接:https://www.haomeiwen.com/subject/mvwauxtx.html