MUI框架常用代码段

以下是个人整理的MUI框架常用代码段，仅供个人记录。

---------------------------------------------------------------------------------------
//双击标题返回顶部
mui.init({
   gestureConfig:{
   tap: true, //默认为true
   doubletap: true
   }
});
//单页面
mui('.mui-bar-nav').on('doubletap','.mui-title',function(){
   window.scrollTo(0, 0);
});
//包含子页面的方式-能直接获取子页面
mui('.mui-bar-nav').on('doubletap','.mui-title',function(){
   var   contentWebview = plus.webview.getWebviewById('index_sub');
   //内容区滚动到顶部
   contentWebview.evalJS("mui('#refreshContainer').pullRefresh().scrollTo(0,0,200)");
});
//包含子页面的方式-不能直接获取子页面
var contentWebview = null;
mui('.mui-bar-nav').on('doubletap','.mui-title',function(){
   if(contentWebview==null){
       contentWebview = plus.webview.currentWebview().children()[0];
   }
   //内容区滚动到顶部
   contentWebview.evalJS("mui('#refreshContainer').pullRefresh().scrollTo(0,0,200)");
});

---------------------------------------------------------------------------------------
//获取当前webview
var self = plus.webview.currentWebview();
//根据id查找webview
var webview = plus.webview.getWebviewById('id');

---------------------------------------------------------------------------------------
//发送数据 webview，事件名称，{}格式数据
mui.fire(webview_page, 'get_detail', data);
//接收跳转查询参数
window.addEventListener('get_detail',function(e){
e.detail.key;
e.detail.value;
});

---------------------------------------------------------------------------------------
//创建原生窗口
var webviewStyle = {
   titleNView: {
       autoBackButton: true,
       backgroundColor: '#007aff',
       titleColor: '#FFFFFF',
       titleText: ''
   },
   scrollIndicator: 'none',
   scalable: false
};
//plus.webview.create() url，id，style，传参
var detail_page = plus.webview.create("sfdPro_detail.html", "sfdPro_detail",webviewStyle,param);
//接收参数
mui.plusReady(function(){
   var self = plus.webview.currentWebview();
   self.key;
   self.value;
});

----------------------------------------------------------------------------------------
//VUE数据绑定
var detail_List = new Vue({
   el:'#main_content',
   data:{rows:[]},
   methods:{
       resetData : function (){
           mui.extend(this.$data, {rows:[]});
       }
   }
});

-----------------------------------------------------------------------------------------
<div id="sliderProgressBar" class="mui-slider-progress-bar mui-col-xs-3"></div>

MUI框架常用代码段相关推荐

pytorch list转tensor_PyTorch 52.PyTorch常用代码段合集
本文参考于: Jack Stark:[深度学习框架]PyTorch常用代码段zhuanlan.zhihu.com 1. 基本配置导入包和版本查询: import torch import torc ...
PyTorch 常用代码段整理合集
PyTorch 常用代码段整理合集来源:知乎作者:张皓众所周知,程序猿在写代码时通常会在网上搜索大量资料,其中大部分是代码段.然而,这项工作常常令人心累身疲,耗费大量时间.所以,今天小编转载了知 ...
收藏！PyTorch常用代码段合集
↑↑↑关注后"星标"Datawhale 每日干货 & 每月组队学习,不错过 Datawhale干货作者:Jack Stark,来源:极市平台来源丨https://zhu ...
PyTorch常用代码段合集
↑ 点击蓝字关注视学算法作者丨Jack Stark@知乎来源丨https://zhuanlan.zhihu.com/p/104019160 极市导读本文是PyTorch常用代码段合集,涵盖基本 ...
【深度学习】PyTorch常用代码段合集
来源 | 极市平台,机器学习算法与自然语言处理本文是PyTorch常用代码段合集,涵盖基本配置.张量处理.模型定义与操作.数据处理.模型训练与测试等5个方面,还给出了多个值得注意的Tips,内容非常 ...
收藏 | PyTorch常用代码段合集
点上方蓝字计算机视觉联盟获取更多干货在右上方 ··· 设为星标 ★,与你不见不散仅作学术分享,不代表本公众号立场,侵权联系删除转载于:作者丨Jack Stark@知乎来源丨https://zh ...
深度盘点：PyTorch常用代码段合集
本文是PyTorch常用代码段合集,涵盖基本配置.张量处理.模型定义与操作.数据处理.模型训练与测试等5个方面,还给出了多个值得注意的Tips,内容非常全面. PyTorch最好的资料是官方文档.本文 ...
赶快收藏，PyTorch 常用代码段PDF合辑版来了
前段时间我分享了 PyTorch 常用代码段合集,涵盖基本配置.张量处理.模型定义与操作.数据处理.模型训练与测试等5个方面,还给出了多个值得注意的Tips. 这篇文章发布后,收到了很多朋友的喜爱和 ...
PyTorch 常用代码段示例整理
点击上方"小白学视觉",选择加"星标"或"置顶" 重磅干货,第一时间送达众所周知,程序猿在写代码时通常会在网上搜索大量资料,其中大部分是代 ...
pytorch list转tensor_点赞收藏：PyTorch常用代码段整理合集
机器之心转载来源:知乎作者:张皓众所周知,程序猿在写代码时通常会在网上搜索大量资料,其中大部分是代码段.然而,这项工作常常令人心累身疲,耗费大量时间.所以,今天小编转载了知乎上的一篇文章,介绍了 ...

MUI框架常用代码段

MUI框架常用代码段相关推荐

最新文章

热门文章