Change 'sr-dialog-control' to 'sr-dialog-ctl'.

This commit is contained in:
Kenshin 2017-01-05 11:11:36 +08:00
parent 187cac2176
commit 7c1bb0028b
2 changed files with 8 additions and 8 deletions

View File

@ -151,7 +151,7 @@ sr-dialog sr-dialog-footer {
width: 100%;
}
sr-dialog sr-dialog-control {
sr-dialog sr-dialog-ctl {
display: inline-block;
height: 36px;
line-height: 36px;
@ -175,17 +175,17 @@ sr-dialog sr-dialog-control {
transition: all .5s ease-in-out .1s;
}
sr-dialog sr-dialog-control:hover {
sr-dialog sr-dialog-ctl:hover {
background-color: #B2DFDB;
box-shadow: 0 3px 3px 0 rgba(0,0,0,0.14),0 1px 7px 0 rgba(0,0,0,0.12),0 3px 1px -1px rgba(0,0,0,0.2);
}
sr-dialog sr-dialog-control[sr-type="cancel"] {
sr-dialog sr-dialog-ctl[sr-type="cancel"] {
transition: all .5s ease-in-out .1s;
background-color: #80CBC4;
}
sr-dialog sr-dialog-control[sr-type="cancel"]:hover {
sr-dialog sr-dialog-ctl[sr-type="cancel"]:hover {
background-color: #B2DFDB;
}

View File

@ -40,12 +40,12 @@ export default class Dialog extends React.Component {
<Option option={ storage.current } />
</sr-dialog-content>
<sr-dialog-footer>
<sr-dialog-control href="javascript:void(0);" sr-type="submit" onClick={ () => this.save() }>
<sr-dialog-ctl href="javascript:void(0);" sr-type="submit" onClick={ () => this.save() }>
确认
</sr-dialog-control>
<sr-dialog-control href="javascript:void(0);" sr-type="cancel" onClick={ () => this.close() }>
</sr-dialog-ctl>
<sr-dialog-ctl href="javascript:void(0);" sr-type="cancel" onClick={ () => this.close() }>
取消
</sr-dialog-control>
</sr-dialog-ctl>
</sr-dialog-footer>
</sr-dialog>
)