wcheng81
/
LSQZrzyAPP


			
				
					
						
						
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177
							<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>关于</title>
		<meta name="viewport"
			content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
		<!-- 挂接mui样式 -->
		<link href="../css/mui.css" rel="stylesheet" />
		<!-- 挂接app样式 -->
		<link rel="stylesheet" type="text/css" href="../css/app.css" />
		<!-- 引入字体 -->
		<link rel="stylesheet" type="text/css" href="../fonts/TTTGB-Medium.css" />
		<!-- 引入数字字体 -->
		<link rel="stylesheet" type="text/css" href="../fonts/font-time.css" />
		<!-- 本页独有样式 -->
		<style type="text/css">
			/* 内容框架样式 */
			.cr-content {
				display: flex;
				align-items: center;
				flex-direction: column;
			}

			/* App图标容器样式 */
			.cr-app-icon-panel {
				background-color: rgb(255, 255, 255);
				width: 100px;
				height: 100px;
				border-radius: 50px;
				display: flex;
				align-items: center;
				justify-content: center;
				margin-top: 40px;
			}

			/* App图标样式 */
			.cr-app-icon-panel>img {
				width: 60px;
				height: 60px;
			}

			/* App名称样式 */
			.cr-app-name {
				font-size: 24px;
				font-family: 'TTTGB-Medium';
				color: rgb(87, 137, 247);
				margin: 20px 0px 30px 0px;
			}

			/* 信息组标题样式 */
			.mui-table-view-divider {
				line-height: 24px;
				font-size: 14px;
				padding-left: 5px !important;
			}

			/* 单元格样式 */
			.mui-table-view-cell {
				line-height: 15px;
			}

			/* 行标题样式 */
			.mui-table-view-cell>span:nth-child(1) {
				font-size: 13px;
				color: rgb(69, 69, 69);
			}

			/* 行内容样式 */
			.mui-table-view-cell>span:nth-child(2) {
				font-size: 12px;
				color: rgb(87, 137, 247);
				float: right;
			}
		</style>
	</head>
	<body>
		<div class="mui-content cr-content">
			<div class="cr-app-icon-panel">
				<img src="../img/ico_app.png" />
			</div>
			<span class="cr-app-name"></span>
		</div>
		<ul class="mui-table-view">
		</ul>
	</body>
</html>
<!-- 引入mui脚本 -->
<script src="../js/mui.js" type="text/javascript" charset="utf-8"></script>
<!-- 引入jQuery脚本 -->
<script src="../js/jquery.js" type="text/javascript" charset="utf-8"></script>
<!-- 引入通用脚本 -->
<script src="../js/common.js" type="text/javascript" charset="utf-8"></script>
<!-- 引入webview脚本 -->
<script src="../js/webview.js" type="text/javascript" charset="utf-8"></script>
<!-- 引入存储脚本 -->
<script src="../js/save.js" type="text/javascript" charset="utf-8"></script>
<!-- 本页独有脚本 -->
<script type="text/javascript">
	mui.init();
	/* 初始化完成 */
	plusInit(function() {
		plus.runtime.getProperty(plus.runtime.appid, function(info) {
			plus.io.resolveLocalFileSystemURL('_www/manifest.json', function(entry) {
				entry.file(function(file) {
					var fileReader = new plus.io.FileReader();
					fileReader.readAsText(file, 'utf-8');
					fileReader.onloadend = function(evt) {
						var data = JSON.parse(evt.target.result);
						showAbout(info,data);
					}
				}, function(err) {
					printToConsole("读取文件错误：" + JSON.stringify(err));
				});
			}, function(err) {
				printToConsole("获取文件错误：" + JSON.stringify(err));
			});
		});
	})
	
	/**
	 * 展示关于信息
	 * @param {JSON} info 通过plus.runtime.getProperty读取的信息
	 * @param {JSON} data 读取manifest.json的信息
	 */
	function showAbout(info,data){
		var infoHtml = "";
		/* 赋值应用名称 */
		$('.cr-app-name').html(info.name);
		/* 组装相关信息 */
		infoHtml += "<li class='mui-table-view-divider'>基本信息</li>";
		infoHtml += "<li class='mui-table-view-cell'>";
		infoHtml += "<span>应用名称</span>";
		infoHtml += "<span>" + info.name + "</span>";
		infoHtml += "</li>"
		
		infoHtml += "<li class='mui-table-view-cell'>";
		infoHtml += "<span>版本</span>";
		infoHtml += "<span>" + info.version + "</span>";
		infoHtml += "</li>"
		
		infoHtml += "<li class='mui-table-view-cell'>";
		infoHtml += "<span>内部版本</span>";
		infoHtml += "<span>" + info.versionCode + "</span>";
		infoHtml += "</li>"
		
		infoHtml += "<li class='mui-table-view-divider'>版权信息</li>";
		infoHtml += "<li class='mui-table-view-cell'>";
		infoHtml += "<span>版权所有</span>";
		infoHtml += "<span>" + info.author + "</span>";
		infoHtml += "</li>"
		
		infoHtml += "<li class='mui-table-view-cell'>";
		infoHtml += "<span>公司网站</span>";
		infoHtml += "<span>" + data.developer.url + "</span>";
		infoHtml += "</li>"
		
		infoHtml += "<li class='mui-table-view-divider'>技术支持</li>";
		infoHtml += "<li class='mui-table-view-cell'>";
		infoHtml += "<span>技术支持邮箱</span>";
		infoHtml += "<span>" + data.developer.email + "</span>";
		infoHtml += "</li>"
		
		infoHtml += "<li class='mui-table-view-cell'>";
		infoHtml += "<span>技术支持电话</span>";
		infoHtml += "<span>" + data.developer.phone + "</span>";
		infoHtml += "</li>"
		
		infoHtml += "<li class='mui-table-view-cell'>";
		infoHtml += "<span>办公电话</span>";
		infoHtml += "<span>" + data.developer.tel + "</span>";
		infoHtml += "</li>"

		/* 展示信息 */
		$('.mui-table-view').html(infoHtml);
	}
</script>