!1620 feat(#I41UHR): Switch compatible in Table

* style: 增加 Switch 在 Table 组件内样式
This commit is contained in:
Argo 2021-07-21 14:59:40 +00:00
parent 3d541beae7
commit accafea5a7
3 changed files with 6 additions and 2 deletions

View File

@ -70,3 +70,7 @@
.switch {
height: 35px;
}
td .switch {
height: auto;
}

View File

@ -1 +1 @@
.switch{display:inline-flex;align-items:center;width:100%}.switch .switch-core{margin:0;display:inline-block;position:relative;border:1px solid #dcdfe6;outline:none;border-radius:10px;box-sizing:border-box;background:#dcdfe6;cursor:pointer;transition:border-color .3s,background-color .3s;vertical-align:middle}.switch .switch-core:after{content:"";position:absolute;top:1px;left:1px;border-radius:50%;transition:all .3s;width:16px;height:16px;background-color:#fff}.switch .switch-core:before{content:attr(data-inner-text);position:absolute;top:1px;left:calc(100% - 17px);transition:all .3s;font-size:80%;color:#606266}.switch.is-checked .switch-core:after{left:100%;margin-left:-17px}.switch.is-checked .switch-core:before{left:5px;color:#fff}.switch .switch-label{margin-left:10px;cursor:pointer}.switch.is-disabled{opacity:.6}.switch.is-disabled,.switch.switch.is-disabled .switch-core,.switch.switch.is-disabled .switch-label{cursor:not-allowed}.switch .switch-inner-text{font-size:80%}.switch{height:35px}
.switch{display:inline-flex;align-items:center;width:100%}.switch .switch-core{margin:0;display:inline-block;position:relative;border:1px solid #dcdfe6;outline:none;border-radius:10px;box-sizing:border-box;background:#dcdfe6;cursor:pointer;transition:border-color .3s,background-color .3s;vertical-align:middle}.switch .switch-core:after{content:"";position:absolute;top:1px;left:1px;border-radius:50%;transition:all .3s;width:16px;height:16px;background-color:#fff}.switch .switch-core:before{content:attr(data-inner-text);position:absolute;top:1px;left:calc(100% - 17px);transition:all .3s;font-size:80%;color:#606266}.switch.is-checked .switch-core:after{left:100%;margin-left:-17px}.switch.is-checked .switch-core:before{left:5px;color:#fff}.switch .switch-label{margin-left:10px;cursor:pointer}.switch.is-disabled{opacity:.6}.switch.is-disabled,.switch.switch.is-disabled .switch-core,.switch.switch.is-disabled .switch-label{cursor:not-allowed}.switch .switch-inner-text{font-size:80%}.switch{height:35px}td .switch{height:auto}

File diff suppressed because one or more lines are too long