72 行
2.4 KiB
HTML
可执行文件
72 行
2.4 KiB
HTML
可执行文件
<!doctype html>
|
|
<html lang="en">
|
|
|
|
<head>
|
|
<meta charset="UTF-8">
|
|
<meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
|
|
<meta http-equiv="X-UA-Compatible" content="ie=edge">
|
|
<title>个人设置</title>
|
|
<link rel="stylesheet" href="https://unpkg.com/element-ui/lib/theme-chalk/index.css">
|
|
<link rel="stylesheet" href="css/css-comment.css">
|
|
<script src="js/rem320.js"></script>
|
|
<link rel="stylesheet" href="css/settings.css">
|
|
<style type="text/css">
|
|
[v-cloak] {
|
|
display: none;
|
|
}
|
|
</style>
|
|
</head>
|
|
|
|
<body>
|
|
<div v-cloak id="app">
|
|
<form action="##">
|
|
<div style="box-sizing: border-box;padding: 0 10px;background: white;border-radius: 6px;">
|
|
<div class="form-item">
|
|
<label class="form-label">昵称：</label>
|
|
<div class="form-input-block">
|
|
<input class="form-input" type="text" v-model='username' placeholder="用户昵称">
|
|
</div>
|
|
</div>
|
|
<div class="form-item">
|
|
<label class="form-label">姓名：</label>
|
|
<div class="form-input-block">
|
|
<input class="form-input" type="text" v-model='fullName' placeholder="请输入您的姓名">
|
|
</div>
|
|
</div>
|
|
<div class="form-item">
|
|
<label class="form-label">性别：</label>
|
|
<div class="form-input-block">
|
|
<select class="form-input">
|
|
<option value="0">男</option>
|
|
<option value="1">女</option>
|
|
</select>
|
|
</div>
|
|
</div>
|
|
<div class="form-item">
|
|
<label class="form-label">电话：</label>
|
|
<div class="form-input-block">
|
|
<input class="form-input" type="number" v-model='phone' placeholder="输入您的电话">
|
|
</div>
|
|
</div>
|
|
<div class="form-item BirthdayIcon">
|
|
<label class="form-label">生日：</label>
|
|
<div class="form-input-block">
|
|
<div class="block">
|
|
<el-date-picker class='form-input' prefix-icon='none' v-model="Birthday" type="date" placeholder="选择日期">
|
|
</el-date-picker>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="form-btn">
|
|
<button type="button" class="subset" @click='subset'>提交</button>
|
|
</div>
|
|
</form>
|
|
|
|
</div>
|
|
</body>
|
|
<script src="js/vue2.5.16.js"></script>
|
|
<script src="https://unpkg.com/element-ui/lib/index.js"></script>
|
|
<script src="js/settings.js"></script>
|
|
|
|
</html> |