个人信息编辑html,编辑个人信息.html

dodou-移动框架

html,body{ background:#f4f4f4; }

.weui-cells{ font-size: 15px; }

.head{

text-align: center;

height: 45px;

line-height: 45px;

box-shadow: 0 1px 1px 1px #e4e4e4;

background:#fff;

position: fixed;

left: 0;

top: 0;

z-index: 100;

width: 100%;

}

.head .return{

position: absolute;

left: 0;

top: 0;

width: 45px;

height: 45px;

}

.head .return:after{

content: " ";

display: inline-block;

height: 13px;

width: 13px;

border-width: 2px 2px 0 0;

border-color: #C8C8CD;

border-style: solid;

-webkit-transform: matrix(0.71, 0.71, -0.71, 0.71, 0, 0);

transform: matrix(0.71, 0.71, -0.71, 0.71, 0, 0);

position: absolute;

transform:rotate(225deg);

left: 16px;

top: 14px;

}

.head .operation{

position: absolute;

right: 0;

top: 0;

width: 60px;

height: 45px;

color:#00d26d;

}

.personal .tx{

width: 60px;

height: 60px;

border-radius: 50%;

}

.personal .weui-input{

color: #999;

}

编辑个人信息 保存

头像

会员姓名

陈小姐

会员昵称

会员级别

黑卡会员

会员卡号

89785629736

手机号码

13728936556

所在城市

姓别

出生年月

星座

狮子座

QQ

电子邮箱

// 地区

$("#city-picker2").cityPicker({

title:"所在城市",

showDistrict: false

});

// 性别

$("#picker").picker({

title: "性别",

cols: [

{

textAlign: 'center',

values: ['男', '女']

}

]

});

// 出生年月

$("#time").datetimePicker({

title: '出生年月',

times: function () {},

onChange: function (picker, values, displayValues) {

console.log(values);

}

});

一键复制

编辑

Web IDE

原始数据

按行查看

历史