Skip to content

update and create #1

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Open
wants to merge 1 commit into
base: master
Choose a base branch
from
Open

update and create #1

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
1 commit
Select commit
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
209 changes: 153 additions & 56 deletions html/form-list.html
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -3,121 +3,218 @@
<head lang="en">
<meta charset="UTF-8">
<title></title>
<link href="http://static.uc108.com/cdn/bootstrap/3.3.5/css/bootstrap.min.css" rel="stylesheet">
<link href="http://static.uc108.com/cdn/bootstrap/3.3.5/css/bootstrap.dz.min.css" rel="stylesheet">
<style type="text/css">
.fc-red { padding-right: 5px;color: #FF0000;vertical-align: middle; }
</style>
</head>
<body>
<div class="modal" style="display:block;">
<div class="modal" style="display:block;position:relative;">
<div class="modal-dialog modal-lg">
<div class="modal-content">
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal" aria-label="Close"><span
aria-hidden="true">&times;</span></button>
<button type="button" class="close" data-dismiss="modal">
<span>&times;</span>
</button>
<h4 class="modal-title">编辑内容</h4>
</div>
<div class="modal-body">
<form class="form-horizontal">
<div class="form-group">
<label class="col-sm-2 control-label"><i class="text-danger">*</i> 标签名称:</label>
<div class="col-sm-3">
<label class="col-sm-2 control-label">
<i class="fc-red">*</i> 下拉框一：
</label>
<div class="col-sm-4">
<select class="form-control">
<option value="1">选项一</option>
<option value="2">选项二</option>
<option value="3">选项三</option>
</select>
</div>
<p class="col-sm-4 form-control-static text-success">验证通过</p>
</div>
<div class="form-group">
<label class="col-sm-2 control-label">
<i class="fc-red">*</i> 下拉框二：
</label>
<div class="col-sm-4">
<div class="control-label text-success">
<div class="pull-left">
验证通过
</div>
<div class="input-group">
<select class="form-control">
<option value="1">黑色</option>
<option value="2">白色</option>
<option value="3">红色</option>
</select>
<span class="input-group-addon">衣服</span>
</div>
</div>
<p class="col-sm-4 form-control-static text-success">验证通过</p>
</div>

<hr/>

<div class="form-group">
<label class="col-sm-2 control-label"><i class="text-danger">*</i> 标签名称:</label>
<div class="col-sm-3">
<input type="text" class="form-control"/>
</div>
<label class="col-sm-2 control-label">
<i class="fc-red">*</i> 输入框一:
</label>
<div class="col-sm-4">
<div class="control-label text-danger">
<div class="pull-left">
不能为空
</div>
</div>
<input type="text" class="form-control"/>
</div>
<p class="col-sm-4 form-control-static text-danger">不能为空</p>
</div>
<div class="form-group">
<label class="col-sm-2 control-label"><i class="text-danger">*</i> 标签名称:</label>
<div class="col-sm-3">
<label class="col-sm-2 control-label">
<i class="fc-red">*</i> 输入框二:
</label>
<div class="col-sm-4">
<div class="input-group">
<input type="text" class="form-control">
<div class="input-group-addon">元</div>
</div>
</div>
<div class="col-sm-4">
<div class="control-label text-danger">
<div class="pull-left">
不能为空
</div>
</div>
</div>
<p class="col-sm-4 form-control-static text-danger">不能为空</p>
</div>

<hr/>

<div class="form-group">
<label class="col-sm-2 control-label"><i class="text-danger">*</i> 复选框:</label>
<div class="col-sm-3">
<label class="col-sm-2 control-label">
<i class="fc-red">*</i> 复选框:
</label>
<div class="col-sm-4">
<label class="checkbox-inline">
<input type="checkbox" value="option1"> 选项1
</label>
<label class="checkbox-inline">
<input type="checkbox" value="option2"> 选项2
</label>
</div>
<div class="col-sm-4">
<div class="control-label text-danger">
<div class="pull-left">
不能为空
</div>
</div>
</div>
<p class="col-sm-4 form-control-static text-danger">不能为空</p>
</div>
<div class="form-group">
<label class="col-sm-2 control-label"><i class="text-danger">*</i> 单选框:</label>
<div class="col-sm-3">
<label class="checkbox-inline">
<label class="col-sm-2 control-label">
<i class="fc-red">*</i> 单选框:
</label>
<div class="col-sm-4">
<label class="radio-inline">
<input type="radio" value="option1"> 选项1
</label>
<label class="checkbox-inline">
<label class="radio-inline">
<input type="radio" value="option2"> 选项2
</label>
</div>
<div class="col-sm-4">
<div class="control-label text-danger">
<div class="pull-left">
不能为空
</div>
</div>
<p class="col-sm-4 form-control-static text-danger">不能为空</p>
</div>

<hr/>

<div class="form-group">
<label class="control-label col-sm-2">
<i class="fc-red">*</i>
奖励条件：
</label>
<div class="col-sm-10">
<ul class="list-group">
<li class="list-group-item">
<button type="button" class="close" style="margin-left: 15px;">
<span>×</span>
</button>
<span class="badge bg-info">第1级奖励</span>
<div class="form-group form-group-sm">
<label class="control-label col-sm-1">条件：</label>
<div class="col-sm-5">
<div class="input-group">
<span class="input-group-addon">总挑战积分达到</span>
<input type="text" class="form-control">
<span class="input-group-addon">分</span>
</div>
</div>
</div>
<hr/ style="margin-top: 10px;margin-bottom: 10px;border-style: dashed;">
<div class="form-group form-group-sm">
<label class="control-label col-sm-1">奖项：</label>
<div class="col-sm-11">
<!-- 选择奖项 -->
<div class="row">
<div class="col-sm-2">
<select class="form-control">
<option value="1">银子</option>
<option value="6">积分</option>
<option value="8">兑换券</option>
<option value="9">比赛券</option>
</select>
</div>
<button class="btn btn-sm btn-info">
<i class="glyphicon glyphicon-plus"></i>
添加
</button>
</div>

<div class="row" style="margin-top: 10px;">
<div class="col-sm-4">
<div class="input-group">
<span class="input-group-addon">银&emsp;子</span>
<input type="text" class="form-control">
<span class="input-group-addon">两</span>
</div>
</div>
<button class="btn btn-sm btn-danger pull-right">
<i class="glyphicon glyphicon-remove-sign"></i>
删除
</button>
</div>
<div class="row" style="margin-top: 10px;">
<div class="col-sm-4">
<div class="input-group">
<span class="input-group-addon">比赛券</span>
<input type="text" class="form-control">
<span class="input-group-addon">张</span>
</div>
</div>
<div class="col-sm-5">
<div class="input-group">
<span class="input-group-addon">比赛券ID</span>
<input type="text" class="form-control">
</div>
</div>
<button class="btn btn-sm btn-danger pull-right">
<i class="glyphicon glyphicon-remove-sign"></i>
删除
</button>
</div>
</div>
</div>
</li>
<li class="list-group-item text-center">
<button class="btn btn-info">
<i class="glyphicon glyphicon-plus"></i>
添加奖励
</button>
</li>
<li class="list-group-item list-group-item-warning">
<i class="glyphicon glyphicon-exclamation-sign"></i>
注意：奖励分多次发放，达到每级奖励条件即发放该级奖励；奖项最多设置4种，奖励级数最高8级。
</li>
</ul>
</div>
</div>

<hr/>

<div class="form-group">
<label class="col-sm-2 control-label"><i class="text-danger">*</i> 标签名称:</label>
<label class="col-sm-2 control-label">
<i class="fc-red">*</i> 标签名称:
</label>
<div class="col-sm-8">
<div class="panel panel-default">
<div class="panel-body">
<textarea style="width:100%;outline:none;border-color:transparent;resize:none;height:200px;"></textarea>

</div>
<div class="panel-footer">
1/200
</div>
</div>
</div>
<div class="col-sm-4">
<div class="control-label text-danger">
<div class="pull-left">
不能为空
</div>
</div>
</div>
<p class="col-sm-2 form-control-static text-danger">不能为空</p>
</div>
</form>
</div>
Expand Down
Loading