<!doctype html>
|
<html>
|
<head>
|
<meta charset="utf-8" />
|
<title>设置头像</title>
|
<meta name="viewport" content="width=device-width, initial-scale=1,maximum-scale=1,user-scalable=no">
|
<meta name="apple-mobile-web-app-capable" content="yes">
|
<meta name="apple-mobile-web-app-status-bar-style" content="black">
|
|
<!-- js引用 -->
|
<script src="../../js/config.js"></script>
|
<script src="../../js/h5toapp.js"></script>
|
<script src="../../js/h5to.js"></script>
|
|
<!-- 组件js引用 -->
|
<script src="../../js/mui.min.js"></script>
|
<!-- 组件标准css引用 -->
|
<link rel="stylesheet" href="../../css/mui.min.css">
|
<!-- css引用 -->
|
<link href="../../css/currency.css" rel="stylesheet">
|
<link href="../../css/spinkit.css" rel="stylesheet">
|
<link href="../../css/icon/iconfont.css" rel="stylesheet">
|
<!-- 界面本身css引用 -->
|
<link href="./sztx.css" rel="stylesheet">
|
|
<style type="text/css">
|
</style>
|
</head>
|
|
<body class="app_page">
|
<div style="background-color: #F9FAFC; height: 100vh; width: 100%; margin: 0; overflow: auto;">
|
<div id="loading" class="example">
|
<div class="sk-plane loading_location"></div>
|
</div>
|
|
<div class="mui-content" style="background-color: #F9FAFC; ">
|
<div class="z_head">
|
请选择一个头像
|
</div>
|
<div class="z_body">
|
<img src="../../img/组 86.png" />
|
<img src="../../img/组 83.png" />
|
<img src="../../img/组 85.png" />
|
<img src="../../img/组 86.png" />
|
<img src="../../img/组 81.png" />
|
<img src="../../img/组 80.png" />
|
<img src="../../img/组 79.png" />
|
<img src="../../img/组 87.png" />
|
</div>
|
<div class="z_foot">
|
上传头像
|
</div>
|
<div class="z_cz">
|
<div class="z_cz_y" id="addBtn">+</div>
|
</div>
|
|
</div>
|
</div>
|
<div id="myModal" class="modal">
|
<div class="modal-content">
|
<div class="modal-content_t">拍照</div>
|
<div class="modal-content_b" >从手机相册选择</div>
|
</div>
|
<div class="modal-btn">取消
|
</div>
|
</div>
|
|
|
<script type="text/javascript">
|
mui.init({
|
swipeBack: true //启用右滑关闭功能
|
});
|
|
setRouteParams({userId: "1352141846545367042",params: {}});
|
//function
|
function initPage() {
|
var modal = document.getElementById('myModal');
|
var btn = document.getElementById("addBtn");
|
var cancel_btn = document.getElementsByClassName('modal-btn')[0];
|
btn.onclick = function() {
|
modal.style.display = "block";
|
}
|
cancel_btn.onclick = function() {
|
modal.style.display = "none";
|
}
|
window.onclick = function(event) {
|
if (event.target == modal) {
|
modal.style.display = "none";
|
}
|
}
|
}
|
|
function click_row(row) {
|
var pam = {
|
_id: row._id,
|
params: {
|
userId: login_data.userId
|
}
|
};
|
app_click('route',pam,callback);
|
}
|
|
function loadData() {
|
doLoadData();
|
hideloading("loading");
|
}
|
|
function doLoadData() {
|
|
}
|
//3. run
|
mui.ready(function() {
|
onInitReady(function() {
|
// setRightBtn("rightBtn", {_id: 3000}, callback);
|
initPage();
|
loadData();
|
});
|
})
|
</script>
|
</body>
|
</html>
|
