Javascript Magento 2中的可折叠js是否接受css图标内容：“；内容：”\e622和x201C”；；？

当我插入内容时，我会得到一个空格：“\e622”；当我输入内容时会得到加号：“+”

我在集成可折叠小部件时偶然发现了这一点。如果是自定义类，则需要确保已将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>

---

我在集成可折叠小部件时偶然发现了这一点。如果是自定义类，则需要确保已将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>