<!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" />
|
<link href="./css/mui.min.css" rel="stylesheet" />
|
|
<style>
|
.mui-bar-nav {
|
background: #245ca7;
|
-webkit-box-shadow: none;
|
box-shadow: none;
|
}
|
.mui-title {
|
color: #FFFFFF;
|
}
|
.mui-icon-back:before, .mui-icon-left-nav:before {
|
color: #FFFFFF;
|
}
|
.mui-content{
|
width: 96%;
|
margin: auto;
|
}
|
.mui-content-padded {
|
margin: 50px 10px 30px 10px;
|
text-align: center;
|
}
|
img {
|
width: 25%;
|
}
|
.p1{
|
font-weight: 600;
|
color: #222;
|
font-size: 20px;
|
margin-top: 20px;
|
}
|
.p2{
|
color: #222;
|
font-size: 18px;
|
}
|
</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">关于</h1>
|
</header>
|
<div class="mui-content">
|
<div class="mui-content-padded">
|
<p>
|
<img src="./images/logo.png" />
|
</p>
|
<p class="p1" id="name">
|
|
</p>
|
<p class="p2" id="version">
|
Version 3.3.0
|
</p>
|
</div>
|
</div>
|
<script src="./js/mui.js"></script>
|
<script src="./js/jquery.min.js"></script>
|
|
<script type="text/javascript" charset="utf-8">
|
mui.init();
|
|
mui.plusReady(function() {
|
var user = JSON.parse(localStorage.getItem('user'));
|
$("#cname").html(user.cname);
|
|
// 获取APP版本信息
|
plus.runtime.getProperty(plus.runtime.appid, function(inf) {
|
//console.log(JSON.stringify(inf));
|
|
$("#name").html(inf.name);
|
$("#version").html("版本号 " + inf.version);
|
})
|
});
|
</script>
|
</body>
|
</html>
|
