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

    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 {  IonicPageNavControllerNavParams }  from  'ionic-angular';
import { ThemeableBrowserfrom  "ionic-native";

@ IonicPage()
@ Component({
   selector:  'page-woqu',
   templateUrl:  'woqu.html',
})
export  class  WoquPage {
   constructor( public  navCtrlNavControllerpublic  navParamsNavParams) {
  }
   ionViewDidLoad() {
     console. log( 'ionViewDidLoad WoquPage');
  }
   liulanqi(){
     let  options = {
         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
    };
   new  ThemeableBrowser( 'http://write.blog.csdn.net/postedit''_blank'options);
  }
}




 

  • 0
    点赞
  • 2
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值