Browse Source

update style

pull/76/head
yiminghe 9 years ago
parent
commit
8c93c35f54
  1. 9
      components/form/demo/mix.md
  2. 20
      style/components/switch.less

9
components/form/demo/mix.md

@ -15,6 +15,7 @@ var Switch = antd.Switch;
var Menu = antd.Menu;
var Dropdown = antd.Dropdown;
var Slider = antd.Slider;
var Checkbox = antd.Checkbox;
var menu = <Menu>
<Menu.Item>
@ -84,7 +85,7 @@ React.render(
<div className="col-16">
<div className="ant-input-group">
<input type="text" className="ant-input" id="site4" placeholder="Search for..." />
<div className="ant-input-group-btn">
<div className="ant-input-group-btn">
<Dropdown overlay={menu}>
<button className="ant-btn ant-btn-menu">
.com <i className="anticon anticon-down"></i>
@ -103,7 +104,9 @@ React.render(
<div className="ant-form-item">
<label for="" className="col-6" required>ant-checkbox:</label>
<div className="col-10">
<p className="ant-form-text">请填写 ant-design 的 checkbox</p>
<p className="ant-form-text">
<Checkbox />
</p>
</div>
</div>
<div className="ant-form-item">
@ -135,4 +138,4 @@ React.render(
</div>
</form>
, document.getElementById('components-form-demo-mix'));
````
````

20
style/components/switch.less

@ -33,7 +33,6 @@
background-color: #ffffff;
content: " ";
cursor: pointer;
box-shadow: 0 2px 5px rgba(0, 0, 0, 0.26);
transform: scale(1);
transition: left @switch-duration cubic-bezier(0.35, 0, 0.25, 1);
animation-timing-function: cubic-bezier(0.35, 0, 0.25, 1);
@ -61,11 +60,11 @@
&-disabled{
cursor: no-drop;
background: #ccc;
border-color:#ccc;
background: #f4f4f4;
border-color:#f4f4f4;
&:after{
background: #9e9e9e;
background: #ccc;
animation-name: none;
cursor: no-drop;
}
@ -74,17 +73,10 @@
transform: scale(1);
animation-name: none;
}
}
&-label {
display: inline-block;
line-height: 20px;
font-size: 14px;
padding-left: 10px;
vertical-align: middle;
white-space: normal;
pointer-events: none;
user-select: text;
&-inner {
color:#ccc;
}
}
}

Loading…
Cancel
Save