我发现我确实比较懒，先和各位说声抱歉了。 安装后是什么样子的 先来看下安装完成后的 License 情况，用 DDIC 帐号登录系统，注意要登录编号为 000 的控制实例（Instance，后面有专门的文章讲 Instance的概念），注意不要搞错了。输入 T-Code: slicense，将会看到这个界面，让我们从上到下看一遍：1，那个黄色的按钮，颜色是我自己涂的，这一行就关
一个交互比较多的UI图里面可能会有很多小图标，一般可用sprites图将多个小图标弄成一张大图，或者其它的办法，各种方法的比较可参见另外一篇博客:使用css3新属性clip-path制作小图标，本文深入讨论使用icon-font的制作方法：在PS里面导出svg，制作字体图标。这种方法既有sprites图不需要浏览器发多次请求的优点，也有使用clip-path/s
vue项目使用阿里图标库图标首先祭出大招，放上阿里巴巴的图标库首页https://www.iconfont.cn/下图是显示的效果，使用的是图标库的svg格式的图片文件图标库给出了三种引用方式，我介绍的是第三种，通过引用js文件使用图标首先我们去图标库选一个心仪的图标然后添加到购物车，接着我们点击右下角的购物车，可以看到我们选择的图标，接着点击下载代码(下载操作是需要登录的，这时候我们进行登录操作
1. 眼睛应该是长在肉里的大家应该都知道，眼睛是长在肉里的，像下面这种：但下面这个模仿练习，就犯了一个错误：白色眼睛下面用了比较大的投影，导致眼睛看起来像是浮起来的，就会比较奇怪。还有下面这个也是：原作的眼睛使用的是内阴影，而练习使用的是投影，导致一个看起来是向内的，一个是向外的。这个是很多非科班设计师经常发生的问题，大家要多多观察。2. 钻石的切面没有表达好大家都知道钻石有很多切面，
本人普通大学生一枚，对互联网知识也不懂，今天第一次发文，如有哪里做的不对，冒犯到他人，请谅解！整篇文章纯属唠嗑，想看解决问题的直接看红字即可一.事情是这样的： 这周刚做了大物实验，写好实验报告的我立刻就跑去学校网站上打算上传实验报告了，打开电脑（电脑是华为的Matebook14）自带的默认浏览器Microsoft Edge，捣鼓了一番，发现竟然
文章目录1 登录iconfont2 配置自己的项目3 搜索并添加4 编辑图标名称5 下载项目图标集文件6 更新引用图标的项目文件7 使用8 图标名称查询 1 登录iconfont网址：https://www.iconfont.cn/2 配置自己的项目FontClass/Symbol前缀：这里的内容就是在自己项目中引用具体icon名称时添加的前缀。icon名称定义见下。Font Faimily：不
转载
2024-03-17 09:59:44
1880阅读
在我们进行网站优化的过程中为方便搜索引擎蜘蛛，会运用各种标签对网站内容进行注释。我们经常接触到的标签有alt、title、nofflow标签等，在这篇文章中我们北京云无限科技来和大家一起来分析。 alt标签我们云无限科技认为alt标签是以一种必须的属性。我们都知道现如今的科技搜索引擎还无法识别图片的内容，为更好的让搜索引擎识别图片，提高对搜索蜘蛛的友好度，我们常常对其进行alt标签注解
转载
2024-07-30 17:29:19
70阅读
使用element-ui中图标比较少，不够再项目中使用，我们引入阿里巴巴矢量图iconfont，并且使用彩色iconfontvue-element使用iconfont教程一、安装npm install element-ui --save-dev二、在main.js中引入import ElementUI from 'element-ui';import 'element-ui/lib/theme-c
转载
2024-02-26 22:23:31
471阅读
一：引入单设图标1.打开 阿里icon，注册 >登录>图标管理>我的项目2.新建项目 返回阿里icon首页，点进去你想要的icon库，因为没有批量导入购物车，所以一般情况下需要一个一个去点，太浪费时间，那么请在控制台输入以下代码，批量导入var icons = document.querySelectorAll('.icon-gouwuche1');
var auto_clic
转载
2024-05-01 08:14:44
402阅读
文章目录1-1 展示封装的组件1-1-1 父组件1-1-2 子组件 uploadPic1-2 Element el-upload上传组件详解1-2-1 基本用法1-2-2 上传文件数量1-2-3 上传格式及大小限制1-2-4 上传过程中的各种钩子1-2-5 显示已上传文件列表1-2-6 上传时提交数据1-2-6 选取和上传分开处理 业务上有需求是前端上传 jpg/png/gif 格式, 并且 尺寸
转载
2024-04-11 18:14:03
499阅读
文章目录项目部署视频前言1、问题修改2、首页统计2.1、首页顶部统计2.2、发文数量图表2.3、文章分类占比2.4、在线用户2.5、获取公告2.6、词云完结1、问题修改在我测试的时候，发现添加文章时，选择添加分类报错，大家可以先把自己的项目跑起来测试一下是否报错。场景：在添加文章的时候，不要选择已有的分类，要新添加一个分类，然后点击发布文章就会报错了。定位：定位到保存文章的方法saveCatego
一、IconFont的优点1.轻量性 可以减少http请求，可以配合html5离线存储做性能优化，有利于后期维护。2.灵活性 可以自由变换IconFont大小（不失真），可以修改IconFont颜色，可以添加阴影，旋转，透明度等视觉效果。3.兼容性 图标字体IconFont支持所有现代浏览器，包括IE低版本。二、IconFont的缺点 1.图标字体只能被渲染成单色或者css3的渐变色； 2.设计自
Element-UI - Vue项目整合Element-UI & Icon图标 & 自定义Icon图标博主很久之前就想使用Element-UI，总是因nt-u
原创
2022-11-09 18:48:31
858阅读
element-ui自带的图标库还是不够全，还是需要需要引入第三方icon，自己在用的时候一直有些问题，参考了些教程，详细地记录补充下对于我们来说，首选的当然是阿里icon库教程：1.打开阿里icon，注册 >登录>图标管理>我的项目 图标管理>我的项目，点进去新建项目 新建项目项目名称随便写。前缀注意，不要跟element-ui自带的icon(前缀为：
转载
2024-03-12 13:00:25
742阅读
使用第三方图标库用过Elment的同鞋都知道，Element UI提供的字体图符少之又少，实在是不够用啊，幸好现在有不少丰富的第三方图标库可用，引入也不会很麻烦。Font AwesomeFont Awesome 提供了675个可缩放的矢量图标，可以使用CSS所提供的所有特性对它们进行更改，包括：大小、颜色、阴影或者其它任何支持的效果。Font Awesome 5 跟之前的版本使用方式差别较大，功能
https://cloud.tencent.com/developer/section/1489867
原创
2021-07-18 14:05:58
254阅读
前端项目中，经常需要从外引入一些icon图标到项目中，我经常使用的两个icon库就是Iconfont阿里巴巴矢量库，以及font-Awsome。接下来我稍微讲一下这两种的使用方法。
Iconfont阿里巴巴矢量库的使用
使用步骤：
先看一下gif图吧，如果看懂了略过步骤，直接看一下怎么引入
test.gif
1 进入网站之后，搜索想要的icon图标
背景最近一直在着手做一个与业务强相关的组件库，一直在思考要从哪里下手，怎么来设计这个组件库，因为业务上一直在使用ElementUI（以下简称Element），于是想参考了一下Element组件库的设计，看看Element构建方式，并且总结成了这篇文章。 Element的目录结构废话不多说，先看看目录结构，从目录结构入手，一步步进行分解。├─build // 构建相关的脚本和配置
├─exampl
转载
2024-08-16 19:51:20
155阅读
公司的项目，后端渲染前端页面，是在8081端口上起了一个服务，而前端自己是在8080上起的服务，在测试时发现一个问题，有一个诡异的地方，同样的代码环境，用yarn来安装依赖后启动运行正常，而采用npm安装依赖则有类似问题。当然，这个和yarn或者npm没有关系，肯定是环境配置的问题。经过对比发现，用yarn安装依赖后，运行的页面加载的字体文件并不是一个http请求，而是把字体文件打包成了Base
转载
2024-07-18 05:59:55
23阅读
Easyui icon图标： 在Easyui的根目录下，有一个icon.css文件，里面都是iconcls图标（jeasyui/themes/icon.css） 用法：data-options="iconCls:'icon-reload'“
原创
2023-10-09 10:57:16
1213阅读
