分享一个自定义样式的代码:【四象限】样式

红日 2021-7-19 1656




.node[mystyle~='四象限'] {
    > .node-child {
        display: flex;
        flex-wrap: wrap;
        border: none !important;
        > .node {
            min-height: 200px;
            flex-basis: 50%;
            &:first-child {
                border-bottom: 1px solid var(--table-border);
                border-right: 1px solid var(--table-border);
            }
            &:last-child {
                border-top: 1px solid var(--table-border);
                border-left: 1px solid var(--table-border);
                margin-left: -1px;
                margin-top: -1px;
            }
            > .node-btn {
                display: none;
            }
            > .node-head {
                margin-left: 10px;
                .node-text:not(:empty) {
                    margin-top: 10px;
                    border-radius: 60px;
                    padding-left: 20px;
                    background-color: var(--info) !important;
                    color: #fff;
                }
            }
            > .node-child {
                border: none !important;
                margin-left: 0px;
                padding-left: 0px;
                overflow-y: auto;
                
                /*每个象限的最大高度*/
                max-height: 300px;
            }
        }
    }
}


把代码保存到自定义样式里,然后在Bullet菜单中的“自定义样式”中就可以看到“四象限”选项了:



在每个象限的标题里,按 Alt+Enter 就可以添加子节点了。

快速回复
最新回复 (3)
  • 加佳 2021-7-20
    0 2
    给大佬点赞
  • zhiyulife 2021-7-22
    0 3
    第一张图挂了
  • Innis 2021-7-29
    0 4
    zhiyulife 第一张图挂了

返回