You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
130 lines
3.9 KiB
130 lines
3.9 KiB
3 years ago
|
|
||
|
.ly-tree-node {
|
||
|
white-space: nowrap;
|
||
|
outline: 0
|
||
|
}
|
||
|
.ly-tree-node__content {
|
||
|
display: -webkit-box;
|
||
|
display: -webkit-flex;
|
||
|
display: flex;
|
||
|
-webkit-box-align: center;
|
||
|
-webkit-align-items: center;
|
||
|
align-items: center;
|
||
|
height: 70rpx;
|
||
|
}
|
||
|
.ly-tree-node__content.is-current {
|
||
|
background-color: #F5F7FA;
|
||
|
}
|
||
|
.ly-tree-node__content>.ly-tree-node__expand-icon {
|
||
|
padding: 12rpx;
|
||
|
}
|
||
|
.ly-tree-node__checkbox {
|
||
|
display: -webkit-box;
|
||
|
display: -webkit-flex;
|
||
|
display: flex;
|
||
|
margin-right: 16rpx;
|
||
|
width: 40rpx;
|
||
|
height: 40rpx;
|
||
|
}
|
||
|
.ly-tree-node__checkbox>image {
|
||
|
width: 40rpx;
|
||
|
height: 40rpx;
|
||
|
}
|
||
|
.ly-tree-node__expand-icon {
|
||
|
color: #C0C4CC;
|
||
|
font-size: 28rpx;
|
||
|
-webkit-transform: rotate(0);
|
||
|
transform: rotate(0);
|
||
|
-webkit-transition: -webkit-transform .3s ease-in-out;
|
||
|
transition: -webkit-transform .3s ease-in-out;
|
||
|
transition: transform .3s ease-in-out;
|
||
|
transition: transform .3s ease-in-out, -webkit-transform .3s ease-in-out
|
||
|
}
|
||
|
.ly-tree-node__expand-icon.expanded {
|
||
|
-webkit-transform: rotate(90deg);
|
||
|
transform: rotate(90deg)
|
||
|
}
|
||
|
.ly-tree-node__expand-icon.is-leaf {
|
||
|
color: transparent;
|
||
|
}
|
||
|
.ly-tree-node__icon {
|
||
|
width: 34rpx;
|
||
|
height: 34rpx;
|
||
|
overflow: hidden;
|
||
|
margin-right: 16rpx;
|
||
|
}
|
||
|
.ly-tree-node__label {
|
||
|
font-size: 28rpx
|
||
|
}
|
||
|
.ly-tree-node__loading-icon {
|
||
|
margin-right: 16rpx;
|
||
|
font-size: 28rpx;
|
||
|
color: #C0C4CC;
|
||
|
-webkit-animation: rotating 2s linear infinite;
|
||
|
animation: rotating 2s linear infinite
|
||
|
}
|
||
|
.ly-tree-node>.ly-tree-node__children {
|
||
|
overflow: hidden;
|
||
|
background-color: transparent
|
||
|
}
|
||
|
.ly-tree-node>.ly-tree-node__children.collapse-transition {
|
||
|
-webkit-transition: height .3s ease-in-out;
|
||
|
transition: height .3s ease-in-out;
|
||
|
}
|
||
|
.ly-tree-node.is-expanded>.ly-tree-node__children {
|
||
|
display: block
|
||
|
}
|
||
|
.ly-tree-node_collapse {
|
||
|
overflow: hidden;
|
||
|
padding-top: 0;
|
||
|
padding-bottom: 0;
|
||
|
}
|
||
|
|
||
|
/* lyTree-end */
|
||
|
|
||
|
/* iconfont-start */
|
||
|
@font-face {
|
||
|
font-family: "ly-iconfont";
|
||
|
src: url('data:application/x-font-woff2;charset=utf-8;base64,d09GMgABAAAAAAPsAAsAAAAACKwAAAOeAAEAAAAAAAAAAAAAAAAAAAAAAAAAAAAAHEIGVgCDBgqFDIQPATYCJAMMCwgABCAFhG0HQBtfB8gekiSCdAwUAKgCFMA5Hj7H0PeTlABUr57PVyGqugqzSWJnNwWoWJjx/9rUr4TPL1ZSQpU2mycqwoRwIN3p+MkqMqyEW+OtMBLPSUBb8v//XtWMKTavxYIUsT/Wy1qbQzkBDOYEKGB7dVpPyVqgCnJNwvMvhZl10nMCtQbFoPVhY8ZDncJfF4grbqpQ13AqE52hWqgcOFrEQ6hWnW5VfMCD7Pfjn4WoI6nI/K0bl0MNGPBz0qcflVqYnvCA4vNDPUXGPFCIw8HgtsqiOK9SrW2smm6sVITElWlpISMdVBn8wyMJopLfXg+myZ48KCrSkvj9g37U1ItbXYke4APwXxK3N4TuehyBfmM0I3zbNdt7uk3VnjPtzX0rnIl7z7bZvb/thHohsu9QuykKo+Cws4nL7LsPmI3n2qN9B9upZEIKd4hu0NCKi0rt7fNtdl+I1N25hOJMDQK6odS123tROR7Pg8toEhDaF+kR0TYjxW6M58F5+ZNQOxmZHtE2g+IYjxjlNy/yIRQpCmrgq5R4/3jx8PvT8Ha8d3/xiLnt4EGyaDnznzRv8vpyZ+9TFHf/ntX9e59A+b6+fPHd5+dy0wYHVvHOroWbnWe879O9DnL53bN/gUHuwm28b/n8i/V3ry4E3IoXNqS6Rvs0LhJxeNVjoUkM3LKosU+0a6rh45FVvLt+2oz7Zd53b4QOy7/9snDXHbqVu+A+f8r7PnM2H8kXrWm5c8/vLu7LqRee7HW637mz3kHc5U/RCXf25d7G8tkdgEfwIpzpkknGpaMw3ww55q9Mn9OQNyua/wB/49OOWydn4eL/6roCfjx6FMmcxfJStYRKfd3UwoHiML4rF4uMSK+SvYTuNxMHrpl8yd3Q6v32cAeo/KFaowBJlQHIqo3zi3geKtRZhErVlqDWnOGn67QRKkWpwaw1AkKza5A0egFZszf8In4HFTp9h0rNUQm1NqP1lXUmgyuDBVUlNYi2gHA98FnokUreOZaac1xV1JlMMZGKEs+QdCLVrgynPhUcO0pzzYyUjDAReGSYeBl13YCEIrCpLhOWlGE+mWRD35TQAw8UawRKJVEGQrMAwekCPpaMlpTOz49FmeZwqcREX1t3Ikoo4dMTaQmpBfzhRn9R30uZXTKXKUOSmLSKEQIeYhjqKZcrcIzhMLLRrJMSrA35UF4yGMaWGhPHm733dwJq+Z/NkSJHUXemCirjgpuWrHMD1eC+mQUAAAA=') format('woff2');
|
||
|
}
|
||
|
.ly-iconfont {
|
||
|
font-family: "ly-iconfont" !important;
|
||
|
font-size: 30rpx;
|
||
|
font-style: normal;
|
||
|
-webkit-font-smoothing: antialiased;
|
||
|
-moz-osx-font-smoothing: grayscale;
|
||
|
}
|
||
|
.ly-icon-caret-right:before {
|
||
|
content: "\e8ee";
|
||
|
}
|
||
|
.ly-icon-loading:before {
|
||
|
content: "\e657";
|
||
|
}
|
||
|
|
||
|
/* iconfont-end */
|
||
|
|
||
|
/* animate-start */
|
||
|
@-webkit-keyframes rotating {
|
||
|
0% {
|
||
|
-webkit-transform: rotateZ(0);
|
||
|
transform: rotateZ(0)
|
||
|
}
|
||
|
100% {
|
||
|
-webkit-transform: rotateZ(360deg);
|
||
|
transform: rotateZ(360deg)
|
||
|
}
|
||
|
}
|
||
|
@keyframes rotating {
|
||
|
0% {
|
||
|
-webkit-transform: rotateZ(0);
|
||
|
transform: rotateZ(0)
|
||
|
}
|
||
|
100% {
|
||
|
-webkit-transform: rotateZ(360deg);
|
||
|
transform: rotateZ(360deg)
|
||
|
}
|
||
|
}
|
||
|
|
||
|
/* animate-end */
|
||
|
|