@charset "UTF-8"; /** * 下方引入的为Tuniao UI的集成样式文件,为scss预处理器,其中包含了一些"tn-"开头的自定义变量 * 使用的时候,请将下面的一行复制到您的uniapp项目根目录的uni.scss中即可 * Tuniao UI自定义的css类名和scss变量,均以"tn-"开头,不会造成冲突,请放心使用 */ .uni-table-checkbox { display: flex; flex-direction: row; align-items: center; justify-content: center; position: relative; margin: 5px 0; cursor: pointer; } .uni-table-checkbox .checkbox__inner { flex-shrink: 0; box-sizing: border-box; position: relative; width: 16px; height: 16px; border: 1px solid #DCDFE6; border-radius: 2px; background-color: #fff; z-index: 1; } .uni-table-checkbox .checkbox__inner .checkbox__inner-icon { position: absolute; top: 2px; left: 5px; height: 7px; width: 3px; border: 1px solid #fff; border-left: 0; border-top: 0; opacity: 0; -webkit-transform-origin: center; transform-origin: center; -webkit-transform: rotate(45deg); transform: rotate(45deg); box-sizing: content-box; } .uni-table-checkbox .checkbox__inner.checkbox--indeterminate { border-color: #007aff; background-color: #007aff; } .uni-table-checkbox .checkbox__inner.checkbox--indeterminate .checkbox__inner-icon { position: absolute; opacity: 1; -webkit-transform: rotate(0deg); transform: rotate(0deg); height: 2px; top: 0; bottom: 0; margin: auto; left: 0px; right: 0px; bottom: 0; width: auto; border: none; border-radius: 2px; -webkit-transform: scale(0.5); transform: scale(0.5); background-color: #fff; } .uni-table-checkbox .checkbox__inner:hover { border-color: #007aff; } .uni-table-checkbox .checkbox__inner.is-disable { background-color: #F2F6FC; border-color: #DCDFE6; } .uni-table-checkbox .checkbox__inner.is-checked { border-color: #007aff; background-color: #007aff; } .uni-table-checkbox .checkbox__inner.is-checked .checkbox__inner-icon { opacity: 1; -webkit-transform: rotate(45deg); transform: rotate(45deg); } .uni-table-checkbox .checkbox__inner.is-checked.is-disable { opacity: 0.4; }