meri-design/dist/theme/TreeBi.css

基于vue框架的ui库

/*!
 * @meri-design v2.2.19-beta10
 * (c) 2019-2022 YuShu-Web
 * Released under the MIT License.
 * 2025-01-14 15:25:40
 */.p-checkbox{align-items:center;cursor:pointer;display:inline-flex;min-height:16px;min-width:16px;vertical-align:middle;z-index:1}.p-checkbox+.p-checkbox{margin-left:8px}.p-checkbox-box{border:1px solid transparent;border-radius:2px;height:16px;position:relative;transition:all .3s;vertical-align:middle;width:16px}.p-checkbox-box:hover{box-shadow:0 0 4px 0 rgba(78,131,253,.4)}.p-checkbox-box:after{background:none;content:"";pointer-events:none;position:absolute;transform:rotate(0) scale(0);transition:transform .2s ease-in-out;z-index:1}.p-checkbox-uncheck{background-color:#fff;border-color:#c4c9cf}.p-checkbox-checked,.p-checkbox-uncheck:hover{border-color:#246fe5}.p-checkbox-checked{background-color:#246fe5}.p-checkbox-checked:after{border-bottom:2px solid #fff;border-right:2px solid #fff;height:8px;left:5px;top:2px;transform:rotate(45deg) scale(1);width:4px}.p-checkbox-notNull{background-color:#246fe5;border-color:#246fe5}.p-checkbox-notNull:after{background-color:#fff;height:2px;left:3px;top:6px;transform:scale(1);width:8px}.p-checkbox-text{color:#1b2129;font-size:14px;overflow:hidden;padding-left:8px;text-overflow:ellipsis;user-select:none;white-space:nowrap;width:calc(100% - 16px)}.p-checkbox-disabled{cursor:not-allowed}.p-checkbox-disabled>i{pointer-events:none}.p-checkbox-disabled .p-checkbox-uncheck{background-color:#e1e5eb}.p-checkbox-disabled .p-checkbox-checked,.p-checkbox-disabled .p-checkbox-notNull{background-color:#c4c9cf;border-color:#c4c9cf}.p-tree-node-bi .p-tree-node-content .p-tree-node-check .p-tree-node-title .p-tree-checked-num{color:#626c78;font-size:12px;height:32px;line-height:32px;position:absolute;right:0;text-align:right;top:0;width:32px}.p-tree{font-size:0;overflow-x:hidden}.p-tree,.p-tree-node{width:100%}.p-tree-node-content{cursor:pointer;overflow:hidden;padding-left:12px;position:relative;transition:background-color .3s;width:100%}.p-tree-node-content:hover{background-color:#f1f4f6}.p-tree-node-content-checked{background-color:#d9ebff}.p-tree-node-content-checked .p-tree-node-name{color:#246fe5}.p-tree-svg{display:inline-block;height:16px;line-height:24px;vertical-align:middle;width:24px}.p-tree-svg .p-tree-icon-svg{height:16px;transform:rotate(90deg);transition:transform .3s;vertical-align:text-bottom;width:16px}.p-tree-svg .p-tree-icon-rotate{transform:rotate(180deg)}.p-tree-node-check{display:inline-block;vertical-align:middle;width:calc(100% - 24px)}.p-tree-node-check .p-tree-node-checkbox{display:inline-block;vertical-align:middle;width:20px}.p-tree-node-title{display:inline-block;position:relative;user-select:none;vertical-align:middle}.p-tree-node-title .p-tree-node-name{color:#1b2129;font-size:14px;height:38px;line-height:38px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:100%}.p-tree-node-title-single{width:100%}.p-tree-node-title-multiple{width:calc(100% - 20px)}.p-tree-node-content-disabled .p-tree-node-name{color:#c4c9cf;cursor:not-allowed}.p-tree-node-content-0 .p-tree-node-name{color:#1b2129}.p-tree-child{width:100%}