updated 样式优化

This commit is contained in:
mumuy
2018-01-26 08:39:58 +08:00
parent e3bb6dc0ad
commit 3c2bddec8d
2 changed files with 69 additions and 18 deletions

View File

@@ -23,25 +23,48 @@
<p>逢年过节遇到三姑六婆,拒绝叫不出口的尴尬!轻松搞定亲戚关系~</p>
</div>
<div class="bd">
<p>计算类型:
<label for="default"><input id="default" type="radio" name="type" value="default" checked>找称呼</label>
<label for="chain"><input id="chain" type="radio" name="type" value="chain">找关系</label>
<div class="group">
<div class="field">
计算类型:
<label for="default">
<input id="default" type="radio" name="type" value="default" checked>
<span>找称呼</span>
</label>
<label for="chain">
<input id="chain" type="radio" name="type" value="chain">
<span>找关系</span>
</label>
</div>
</p>
<div class="group">
<p>我的性别:
<label for="male"><input id="male" type="radio" name="sex" value="1" checked></label>
<label for="female"><input id="female" type="radio" name="sex" value="0"></label>
</p>
<p>称呼方式:
<label for="call"><input id="call" type="radio" name="reverse" value="0" checked>我称呼对方</label>
<label for="called"><input id="called" type="radio" name="reverse" value="1">对方称呼我</label>
</p>
<div class="field">
我的性别:
<label for="male">
<input id="male" type="radio" name="sex" value="1" checked>
<span></span>
</label>
<label for="female">
<input id="female" type="radio" name="sex" value="0">
<span></span>
</label>
</div>
<div class="field">
称呼方式:
<label for="call">
<input id="call" type="radio" name="reverse" value="0" checked>
<span>我称呼对方</span>
</label>
<label for="called">
<input id="called" type="radio" name="reverse" value="1">
<span>对方称呼我</span>
</label>
</div>
</div>
<p>
<textarea id="input" placeholder="称谓间用'的'字分开…"></textarea>
</p>
<p>
<span>快速选择:</span><br/>
<label>快速选择:</label><br/>
<span>
<button class="btn" data-value="爸爸"></button>
<button class="btn" data-value="妈妈"></button>