# 会员中心 资料修改
![](https://box.kancloud.cn/2016-08-25_57beacf064035.png)
### my_info_win.html
```
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="maximum-scale=1.0,minimum-scale=1.0,user-scalable=0,width=device-width,initial-scale=1.0"/>
<meta name="format-detection" content="telephone=no,email=no,date=no,address=no">
<title>我的资料</title>
<link rel="stylesheet" type="text/css" href="../../../css/aui-win.css"/>
<style>
.aui-bar {
background: #3bafda;
color: #ffffff
}
</style>
</head>
<body>
<header class="aui-bar aui-bar-nav" id="aui-header">
<a class="aui-pull-left" tapmode onclick="closeWin()">
<span class="aui-iconfont aui-icon-left"></span>我的
</a>
<div class="aui-title">资料修改</div>
</header>
</body>
<script type="text/javascript" src="../../../script/api.js"></script>
<script type="text/javascript">
function closeWin(){
api.closeWin();
}
apiready = function(){
var header = $api.byId('aui-header');
$api.fixStatusBar(header);
var headerPos = $api.offset(header);
var body_h = $api.offset($api.dom('body')).h;
api.openFrame({
name: 'my_info_frm',
url: 'my_info_frm.html',
rect:{x:0, y:headerPos.h, w:'auto', h:body_h - headerPos.h},
vScrollBarEnabled: false,
hScrollBarEnabled: false
});
};
</script>
</html>
```
### my_info_frm.html
```
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="maximum-scale=1.0,minimum-scale=1.0,user-scalable=0,width=device-width,initial-scale=1.0"/>
<meta name="format-detection" content="telephone=no,email=no,date=no,address=no">
<title>资料</title>
<link rel="stylesheet" type="text/css" href="../../../css/aui.css"/>
<style>
body{
height: auto;
}
.aui-card {
margin-top: 15px;
}
</style>
</head>
<body>
<div class="aui-content aui-card aui-noborder">
<div class="aui-form">
<div class="aui-input-row">
<span class="aui-input-addon">手机</span>
<input type="text" class="aui-input" id="mobile" value="" readonly />
</div>
<div class="aui-input-row">
<span class="aui-input-addon">姓名</span>
<input type="text" class="aui-input" id="nickname" placeholder="姓名"/>
</div>
<div class="aui-input-row">
<span class="aui-input-addon">性别</span>
<div class="aui-pull-left">
<input class="aui-radio aui-radio-info" type="radio" name="sex" id="man" value="man"> <span class="aui-radio-name">男</span>
<input class="aui-radio aui-radio-warning" type="radio" name="sex" id="woman" value="women"> <span class="aui-radio-name">女</span>
</div>
</div>
<div class="aui-input-row">
<span class="aui-input-addon">生日</span>
<input type="text" class="aui-input" placeholder="年/月/日" id="birthday" readonly tapmode onclick="openPicker()" />
</div>
<div class="aui-input-row">
<span class="aui-input-addon">地址</span>
<input type="text" class="aui-input" placeholder="地址" id="address"/>
</div>
</div>
</div>
<div class="aui-content-padded">
<div class="aui-btn aui-btn-block aui-btn-info" onclick="return false;">确认</div>
</div>
</body>
<script type="text/javascript" src="../../../script/api.js"></script>
<script type="text/javascript">
function openPicker(){
api.openPicker({
type: 'date',
date: '1990-01-01',
title:'选择日期'
},function(ret,err){
var year = ret.year;
var month = ret.month;
var day = ret.day;
$api.val($api.byId("birthday"),''+year+'/'+month+'/'+day+'');
});
}
apiready = function(){
api.parseTapmode();
}
</script>
</html>
```
- APP模块
- 欢迎页
- 头部模块
- 底部模块
- 图文列表
- 商品展示
- 文字列表
- 内容页一
- 评论页
- N宫格
- 获得上一级的栏目名称
- 搜索模块
- 图标
- 幻灯模块
- 消息页
- 个人中心
- 个人中心—我的收藏
- 个人中心—资料修改
- 个人中心—我的钱包(账户)
- 咨询页面
- APP模板
- 注册 页面一
- 注册 页面二
- 登录 页面一
- 登录 页面二
- 忘记密码 页面一
- 会员中心 首页一
- 会员中心 首页二
- 会员中心 首页三
- 会员中心 资料修改
- 申请审核步骤
- 商品订单一
- 游戏页面
- 新闻列表页
- 图文列表页
- 商品列表页
- 商品详情页
- 聊天
- 消息列表
- 聊天界面
- 发布需求
- 前端框架
- CSS Framework
- trim 字符处理
- dom 选择器
- 样式
- evt 事件
- 选择元素
- 属性
- 文本
- 位置
- json
- 设置
- 提示
- AJAX
- storage 本地存储
- API对象
- 常用函数
- openWin()
- closeWin()
- apiready
- fixStatusBar(header)
- api.setRefreshHeaderInfo
- api.openFrame
- randomSwitchBtn(index,name)
- APP常用图片
- asd