前端技术

MUI打开页面两种方式的方式

2021-03-31 74 1

简介 MUI打开页面两种方式的方式

1 直接打开页面的方式

<a href="#" @tap="openInteractive()"  title="griT2" class="griTitA">

<p>互动联谊</p><i></i>

</a>


function openInteractive(){

mui.openWindow({

id: 'interactive.html',

url: 'interactive.html',

show: {

aniShow: 'pop-in',

duration: 300

},

waiting: {

autoShow: false

}

});

}


2 预加载页面的方式


<div :class="[isActive1?'centerList mingzhu commonMenu':'centerList mingzhu selectedMenu']" @tap="open_expert_list()">

<img src="../Resources/img/jiandu.png" class="menuIcon">

<p class="commonText">民主监督</p>

</div>


mui.plusReady(function() {

// var mainPage = plus.webview.getWebviewById("my/expert_list.html");

// console.log(JSON.stringify(mainPage));

webview_expert_list = mui.preload({

url: 'my/expert_list.html',

});




function open_expert_list() {


mui.fire(webview_expert_list, '', {});


setTimeout(function() {

webview_expert_list.show("slide-in-right", 300);

}, 150);

}


点赞 1

文章评论

欢迎您:

阿文博客

人生的价值,并不是用时间,而是用深度量去衡量的。——列夫·托尔斯泰

59 文章 5993 浏览 5 评论

站点信息

  • 建站时间:2021-08-03
  • 更新时间:2021-08-03
  • 网站程序:终点线
  • 主题模板《今夕何夕》
  • 文章统计59篇文章
  • 标签总数14