湖南张家界网站建设,学生个人网页制作html,自己做网站需要买哪些,百度没有收录网站刚好项目需要使用一个iconfont的图标#xff0c;所以记录一下这个过程
1、iconfont-阿里巴巴矢量图标库 这个注册一个账号#xff0c;以便后续使用下载代码时需要 2、寻找自己需要的图标 我主要是找两个图标 #xff0c;一个加号#xff0c;一个减号#xff0c;分别加入到…刚好项目需要使用一个iconfont的图标所以记录一下这个过程
1、iconfont-阿里巴巴矢量图标库 这个注册一个账号以便后续使用下载代码时需要 2、寻找自己需要的图标 我主要是找两个图标 一个加号一个减号分别加入到购物车里 3、点购物车 4、添加项目 5、进入项目后进行项目设置勾上下面这些 6、生成代码一把使用font class 7、下载解压 8、把上面勾选文件复制到自己vue项目的assets里如下 9、在main.js里加入css
import /assets/styles/iconfont/iconfont.css
10、这样就可以在实际项目里使用了
如下用树的加减号当然这个是个例子
el-table :datadata border stylewidth: 100% :row-styleshowTr highlight-current-row selection-changeselsChange :styletableMaxHeightel-table-column typeselection width55 /el-table-columnel-table-column v-for(column, index) in columns :keycolumn.dataIndex :labelcolumn.text alignlefttemplate slot-scopescopespan v-ifspaceIconShow(index) v-for(space, levelIndex) in scope.row._level classms-tree-space/spanspan v-iftoggleIconShow(index,scope.row) clicktoggle(scope.$index)i v-if!scope.row._expanded classiconfont icon-jiahao aria-hiddentrue/ii v-ifscope.row._expanded classiconfont icon-jianshao aria-hiddentrue/i/spanspan v-else-ifindex0 classms-tree-space/spanspan v-htmlscope.row[column.dataIndex]/span/template/el-table-columnslot/slot/el-table
11、效果图如下