mui文件下载

最新推荐文章于 2024-04-28 21:00:24 发布

3y先生

最新推荐文章于 2024-04-28 21:00:24 发布

阅读量1w

点赞数 1

分类专栏： # JavaScript - mui.js 文章标签： MUI

本文链接：https://blog.csdn.net/qq_39237801/article/details/82693699

版权

JavaScript - mui.js 专栏收录该内容

2 篇文章 0 订阅

订阅专栏

绪论

最近在使用mui给公司开发移动端OA，学到些新东西，记录一下。
以下就是调用接口判断版本号是否一致，不一致就下载个新的APK。

<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
    <title>XX-OA</title>
    <script src="../../../js/mui.min.js"></script>
    <link href="../../../css/mui.min.css" rel="stylesheet"/>
    <style>
	html,
	body {
		background-color: #efeff4;
	}
	.mui-page {
		position: absolute;
		left: 0;
		right: 0;
		top: 30px;
		bottom: 0;
		background-color: #efeff4;
	}
	.mui-table-view {
		margin-top: 19px;
	}
	.mui-table-view span.mui-pull-right {
		color: #999;
	}
	</style>
</head>
<body>
	<!-- 上部标题 -->
	<header class="mui-bar mui-bar-nav">
		<a class="mui-action-back mui-icon mui-icon-left-nav mui-pull-left"></a>
		<h1 class="mui-title">关于XX-OA</h1>
	</header>
	<div class="mui-content">
	    <!--数据列表-->
		<div class="mui-page">
			<div class="mui-page-content">
				<div class="mui-scroll-wrapper">
					<div class="mui-scroll">
						<ul class="mui-table-view">
							<li class="mui-table-view-cell">
								<a id="introduction" href="#" class="mui-navigate-right">功能介绍</a>
							</li>
							<li class="mui-table-view-cell">
								<a id="feedback" href="#" class="mui-navigate-right">问题反馈</a>
							</li>
							<li class="mui-table-view-cell mui-plus-visible">
								<a id="update" class="mui-navigate-right">检查更新</a>
							</li>
						</ul>
					</div>
				</div>
			</div>
		</div>
	</div>

	<script src="../../../js/yang.js"></script>
	<script type="text/javascript">
		mui.init({});
		//检查更新
		document.getElementById("update").addEventListener('tap', function() {
			var server = yang.getMyURL(15); //版本判断接口
			mui.getJSON(server, {
				"version": plus.runtime.version // 获取版本号
			}, function(data) {
				if (data.status == '1') {
					var btnArray = ['更新', '取消'];
					mui.confirm('版本号：'+data.version, 'XX-OA', btnArray, function(e) {
						if (e.index == 0) {
							// 下载地址
							var url = yang.getMyURL(14);
							var dtask = plus.downloader.createDownload(url, {}, function(d, status) {
								if(status == 200) {
									var fileUrl = d.filename;
									plus.runtime.openFile(fileUrl, {}, function(e) {
										plus.nativeUI.toast('打开失败');
									});
								} else {
									plus.nativeUI.toast('打开失败');
								}
							});
							// 执行下载任务，再打开
							dtask.start();
						} else {
							
						}
					});
					
				} else {
					mui.toast('已是最新版本~')
				}
			});
		});
		
	</script>
</body>
</html>