javascript - Magento 2中的可折叠js是否接受CSS图标内容:“content:”\e622”” ;？

Question

当我插入内容时，我得到空格：“ \ e622”;当我输入内容“ +”;时得到加号。

Answer 1

在集成可折叠小部件时，偶然发现了这一点。如果是自定义类，则需要确保已将CSS代码包装在该类周围。这是我的CSS

    .sidebar .outer-box .plus::before {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-size: 13px;
    line-height: inherit;
    color: inherit;
    content: '\e61c';
    font-family: 'icons-blank-theme';
    vertical-align: middle;
    display: inline-block;
    font-weight: normal;
    overflow: hidden;
    speak: none;
    text-align: right;
    position: absolute;
    left: -10px;
}

这是我的.phtml文件中存在的可折叠html代码

<div class="outer-box" data-mage-init='{
    "collapsible":{
        "openedState": "active",
        "animate":{ "duration" :500, "easing":"easeOutCubic"},
        "icons": {"header": "plus", "activeHeader": "minus"}
    }}'>
</div>