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

最新推荐文章于 2022-10-10 17:28:10 发布

栀妹儿

最新推荐文章于 2022-10-10 17:28:10 发布

阅读量600

点赞数

文章标签： vue.js css javascript

本文链接：https://blog.csdn.net/weixin_38990605/article/details/109079248

版权

本文介绍如何在Vue项目中，通过JavaScript处理接收到的CSS代码，并将其动态添加到页面的<style>标签中，实现图标样式的动态加载。通过在template定义样式区域，结合JS操作，成功实现在页面渲染时调用函数来动态插入图标CSS。

摘要由CSDN通过智能技术生成

前端需要显示的部分是一个简单的< 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