【vue+js+css】函数里编写图标css 页面渲染时调用函数 动态加进代码＜style＞中

前端需要显示的部分是一个简单的< p >标签
在它的class上锦上添花
然后就能自己做一个图标出来

template：

<p class="gg-userlane"></p>

style：

.gg-userlane {
   
    box-sizing: border-box;
    position: relative;
    display: block;
    transform: scale(var(--ggs,1));
    width: 16px;
    height: 8px;
    border-radius: 20px;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    border