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.
|
|
|
|
@import "../default/index.scss";
|
|
|
|
|
|
|
|
|
|
$insideColor: rgba(245, 242, 255, 0.8); //内部节点的边框颜色
|
|
|
|
|
$outColor: rgba(255, 255, 255, 0.8); //外部节点的边框颜色
|
|
|
|
|
//混合代码,提取item共同样式
|
|
|
|
|
@mixin public {
|
|
|
|
|
cursor: pointer;
|
|
|
|
|
font-size: 14px;
|
|
|
|
|
color: #333333;
|
|
|
|
|
display: flex;
|
|
|
|
|
align-items: center;
|
|
|
|
|
img {
|
|
|
|
|
height: 20px;
|
|
|
|
|
width: 20px;
|
|
|
|
|
margin-left: 10px;
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.side_tree{
|
|
|
|
|
width: 100%;
|
|
|
|
|
font-size: 14px;
|
|
|
|
|
color: #333;
|
|
|
|
|
i{
|
|
|
|
|
margin-left: 5px;
|
|
|
|
|
font-size: 17px;
|
|
|
|
|
}
|
|
|
|
|
span{
|
|
|
|
|
margin-left: 5px;
|
|
|
|
|
font-size: 14px;
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
.item {
|
|
|
|
|
@include public;
|
|
|
|
|
width: 100%;
|
|
|
|
|
padding: 15px 0;
|
|
|
|
|
background:rgba(255,255,255,1);
|
|
|
|
|
box-shadow:1px 14px 29px 0px rgba(255,69,69,0.19);
|
|
|
|
|
border-radius:10px;
|
|
|
|
|
text-align: left;
|
|
|
|
|
margin-top: 20px;
|
|
|
|
|
}
|
|
|
|
|
.empty{
|
|
|
|
|
width: 25px;
|
|
|
|
|
}
|
|
|
|
|
.item:first{
|
|
|
|
|
margin-top: 0;
|
|
|
|
|
}
|
|
|
|
|
.item1 {
|
|
|
|
|
@include public;
|
|
|
|
|
margin-top: 20px;
|
|
|
|
|
margin-left: 23px;
|
|
|
|
|
}
|
|
|
|
|
.item2 {
|
|
|
|
|
@include public;
|
|
|
|
|
margin-top: 20px;
|
|
|
|
|
margin-left:80px
|
|
|
|
|
}
|
|
|
|
|
.item3 {
|
|
|
|
|
@include public;
|
|
|
|
|
margin-top: 20px;
|
|
|
|
|
margin-left:95px
|
|
|
|
|
}
|
|
|
|
|
.item2:hover{
|
|
|
|
|
color: $--color-primary;
|
|
|
|
|
}
|
|
|
|
|
.edit{
|
|
|
|
|
display: inline-block;
|
|
|
|
|
width: 17px;
|
|
|
|
|
height: 17px;
|
|
|
|
|
background: url(../../../assets/svg/edit.svg) 0 0/cover no-repeat;
|
|
|
|
|
}
|
|
|
|
|
// 使三角形旋转动画
|
|
|
|
|
.arrowTransform {
|
|
|
|
|
transition: 0.4s;
|
|
|
|
|
transform-origin: center;
|
|
|
|
|
transform: rotateZ(0deg);
|
|
|
|
|
}
|
|
|
|
|
.arrowTransformReturn {
|
|
|
|
|
transition: 0.4s;
|
|
|
|
|
transform-origin: center;
|
|
|
|
|
transform: rotateZ(90deg);
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
//复选框样式
|
|
|
|
|
.checkBox {
|
|
|
|
|
width: 14px;
|
|
|
|
|
height: 14px;
|
|
|
|
|
border-radius: 7px;
|
|
|
|
|
margin-left: 10px;
|
|
|
|
|
margin-right: 10px;
|
|
|
|
|
border: 2px solid rgba(146, 120, 255, 1);
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
//当点击复选框时候切换背景图片
|
|
|
|
|
.isActive {
|
|
|
|
|
background: url('../../../assets/img/icon-yigouxuan.png');
|
|
|
|
|
background-size: 14px 14px; /*按比例缩放*/
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.side_icon{
|
|
|
|
|
text-align: right;
|
|
|
|
|
}
|
|
|
|
|
.side_icon i{
|
|
|
|
|
cursor:pointer;
|
|
|
|
|
font-size: 20px;
|
|
|
|
|
}
|
