logo处使用文字

有个别小伙伴可能不会做png的logo图，或者暂时没有logo图，想要用文字来替代logo处的内容，所以便有了这个示例。

将logo处的图片替换成你的文字，然后增加相应的一些样式（演示页面新增的样式都是放到当前页面内的，实际使用时最好统一放到css文件中），这里v3和v4增加的样式是一样的：

#logo a {
    font-size: 22px;
    line-height: 68px;
    white-space: nowrap;
    color: #4d5259;
}
[data-logobg*='color_'] #logo a {
    color: #fff;
}
@media (min-width: 1024px) {
    .lyear-layout-sidebar.lyear-aside-open #logo a {
        display: block;
        width: 45px;
        height: 68px;
        letter-spacing: 3px;
        margin: 0 auto;
        overflow: hidden;
        text-align: center;
    }

    .lyear-layout-sidebar-close .lyear-layout-sidebar:hover #logo a {
        width: 100%;
        margin: 0;
        letter-spacing: 0px;
    }
}

插件项目中页面名字：test_logo.html test_logo_v4.html

点击查看 logo处使用文字 在线演示