前端UI设计_前台ui设计

作者：羊村懒王 | 2024-02-23 10:30:42

踩

前台ui设计

前端UI设计

直接使用Unicode图形（不需切图）
使用svg图形

直接使用Unicode图形（不需切图）

Unicode Character Table
例子1（加入check图标✔）：
在这里插入图片描述
$('#user_permission_tabs li:nth-child(1) .tab_title_text').append('<span style="color: #fafafa">✔</span>');

例子2（加入警告图标⚠）：

在这里插入图片描述
$("#user_permission_tabs li:nth-child(1) .sdm_tab_title_text").append('<span style="color: #f31313; font: 18px \'Segoe UI\'; vertical-align: top; margin-top: 7px;">⚠</span>');

使用svg图形

svg，矢量图，不管放大还是缩小，都不会失真
Iconfont

声明：本文内容由网友自发贡献，不代表【wpsshop博客】立场，版权归原作者所有，本站不承担相应法律责任。如您发现有侵权的内容，请联系我们。转载请注明出处：https://www.wpsshop.cn/w/羊村懒王/article/detail/135708