置顶图标修改方法

adminVIP 2020-8-4 1064


在view/htm/header.inc.htm <head></head>中添加下面的样式即可

<style>
    /*置顶样式*/
    .icon-top-1, .icon-top-2, .icon-top-3 {
        color: #fff;
        font-size: .875rem;
        font-style: normal;
        padding: .125rem .25rem;
        border-radius: .25rem;
        vertical-align: text-bottom;
        font-family: Helvetica,Arial,PingFang SC,Noto Sans,Roboto,Microsoft Yahei,sans-serif;
        -webkit-font-smoothing: auto;
    }
    [class^="icon-top-"]:before {
        /*content: "\f024";*/
        content: "置顶";
    }
    .icon-top-1 {
        background: #ff8800;
    }
    .icon-top-2 {
        color: #ff8800;
    }
    .icon-top-3 {
        /*background: #da24a7;*/
        /*background: #f30c74;*/
        /*background: #EE1B2E;*/
        background: #EE5023;
    }
</syle>


评论

OPPO R15 梦境
看过本帖的人 (1)
  • 2318297690
最新回复 (0)
返回