vue项目使用element-ui组件,打包后部分样式(上下左右箭头)异常,变成方框了. 页面报warn错误,有个字体找不到. 解决办法:在build文件夹下找到utils.js,加上一行publicPath:'../../' 2fad952a20fbbcfd1bf2ebb210dccf7a.woff 404 (Not Found)

在VUE+Element 前端应用中,图标是必不可少点缀界面的元素,因此整合一些常用的图标是非常必要的,还好Element界面组件里面提供了很多常见的图标,不过数量不是很多,应该是300个左右吧,因此考虑扩展更多图标,我引入了vue-awesome组件,它利用了Font Awesome的内置图标,实现了更多图标的整合,可以在项目中使用更多的图标元素了,另外在本随笔的图标管理中,提供了对图标名称进行搜索,并根据图标颜色样式生成对应图标的代码,非常方便使用. Vue-Awesome 是基于 Vue.

在权限管理系统中,菜单也属于权限控制的一个资源,应该直接应用于角色,和权限功能点一样,属于角色控制的一环.不同角色用户,登录系统后,出现的系统菜单是不同的.在VUE+Element 前端中,我们菜单结合路由集合,实现可访问路由的过滤,也就实现了对应角色菜单的展示和可访问路由的控制,详细可以参考随笔<循序渐进VUE+Element 前端应用开发(3)--- 动态菜单和路由的关联处理>,本篇随笔主要介绍菜单管理模块的界面和相关的实现逻辑. 1.菜单资源及管理界面介绍 前面介绍过,权限管理一般都会涉

前面介绍了很多ABP系列的文章<ABP框架使用>,一步一步的把我们日常开发中涉及到的Web API服务构建.登录日志和操作审计日志.字典管理模块.省份城市的信息维护.权限管理模块中的组织机构.用户.角色.权限.菜单等内容,以及配置管理模块,界面的高级查询处理等内容,并根据我们在Winform领域多年的开发经验,完成了系统功能在Winform界面下的实现,并利用工具实现快速的Winform界面生成工作:而在循序渐进VUE+Element 前端应用开发文章<循序渐进VUE+Element&g

平台图标错乱原因  导出的jar包 包括了 style.class R$attr.class MainActivity.class R$color.class R$drawable.class R$string.class R.class BuildConfig.class 删除其他的class 保留MainActivity.class 就行.. 最好在官网下载的Unity3DShareSDKSample-master →Android_Java_Demo(eclipse工程)  里面进行接入合

1. file.listFiles 空指针异常 最近在弄个小项目,类似一个文件管理器,需要获得手机存储里的目录之后显示,但是运行过程中出现错误,搜索了资料,得出了以下的解决办法 问题产生的原因: android6.0以上需要动态申请权限,确保自己有读取和写入SD卡的权限 以往版本的话,写入SD卡的权限其实是包含了读取SD卡的权限,但是android6.0有所改变,所以得声明读取和写入SD卡的权限,两个权限 存在有隐藏文件,在获取列表的时候出现空指针问题 解决方法: 针对第三个问题,我们只需要添加

最近公司决定将项目图标整体迁移到iconfont,按网上常规方法,在安卓.pc端都没问题,唯独在ios的safari浏览器及微信内置浏览器中,iconfont始终在正常位置向下偏移,导致图标错乱. 网上查了一整天没有答案,也问过重庆大渝网的前端,他们没用iconfont.估计是ios版微信内置的浏览器是用的safari内核. 后来偶然一次突发奇想,既然是把图标当作字,设置行高line-height试一试.结果就解决了,哈哈哈! 解决办法:设置行高!

拥有正确语法的XML被称为“形式良好”的XML.通过DTD验证的XML是“合法”的XML.DTD(文档类型定义)的作用是定义XML 文档的合法构建模块.它使用一系列的合法元素来定义文档结构.XML Schema是基于XML的DTD替代者.XML Schema描述XML文档的结构.XML Schema语言也称作XML Schema定义(XML Schema Definition,XSD).        PowerDesigner是Sybase公司的CASE工具集,也可以用来设计XML模型.在这里

修改Launchpad命令 1.设置Launchpad 图标的列数 defaults write com.apple.dock springboard-columns -int 10 2.设置 Launchpad图标的行数 defaults write com.apple.dock springboard-rows -int 4 3.重置 Launchpad defaults write com.apple.dock ResetLaunchPad -bool TRUE; 4.重启 Dock ki

在安装完Jupyter notebook后,有童鞋说出现了各种不友好的问题,鉴于此情况,个人先随手写出以下三种情况,并给出解决方法: 题外建议:请使用谷歌浏览器为默认浏览器 一.对于弹不出浏览器的解决办法 1.请尝试着从以下红色方框内点击进入后输入 ' Jupyter notebook ' 2.如果出现如下代码,请直接复制红色方框内的地址到浏览器运行(此方法,屡试不爽,目前没有发现后遗症) 二.端口被占用,解决方法 首先 找出本机的所有端口 在cmd中运行:netstat -ano 然后 找到被

此文写于2022年9月13日,用于警告那些蠢蠢欲动想升级win11的伙伴. win11发布后,最亮眼的功能当然是自带"安卓模拟器",但作为一名程序开发者的我其实是不愿意马上尝鲜的,其一是暂时没有要在windows系统运行安卓软件的需求,其二是其对amd有兼容问题. 在经历了n多个月,我想,这些该修复的漏洞应该都修复了吧,大学爱刷机搞机的基因终究还是动了.在更新后马上后悔,奉劝想升级win11的开发者: 三思.三思.三思 理由如下: 1.极为先进.简洁的右键菜单.本来可以一次性完成的功能

element-ui自带的图标库还是不够全,还是需要需要引入第三方icon,自己在用的时候一直有些问题,参考了些教程,详细地记录补充下 对于我们来说,首选的当然是阿里icon库 教程: 1.打开阿里icon,注册 >登录>图标管理>我的项目   图标管理>我的项目,点进去 新建项目   新建项目 项目名称随便写.前缀注意,不要跟element-ui自带的icon(前缀为:el-icon)重名了. 设置完,点新建   注意前缀.设置完,点新建 现在我们返回阿里icon首页,点进去你想

使用第三方图标库 用过Elment的同鞋都知道,Element UI提供的字体图符少之又少,实在是不够用啊,幸好现在有不少丰富的第三方图标库可用,引入也不会很麻烦. Font Awesome Font Awesome 提供了675个可缩放的矢量图标,可以使用CSS所提供的所有特性对它们进行更改,包括:大小.颜色.阴影或者其它任何支持的效果. Font Awesome 5 跟之前的版本使用方式差别较大,功能是强大了,图标也更丰富了,但使用也变得更加复杂了. 本人还是比较喜欢之前的使用方式,安装容易

win10 图标异常 ,重命名后,图标不显示,名字错乱. 按下快捷键 Win+R,在打开的运行窗口中输入 %localappdata%,回车. 在打开的文件夹中,找到 IconCache.db,将其删除. 在任务栏上右击鼠标,在弹出的菜单中点击“任务管理器”. 在任务管理器中找到“Windows资源管理器”,右击鼠标,选择“重新启动”即可重建图标缓存. 重新启动Windows资源管理器时,屏幕会短暂的黑一会儿,这是正常现象,不必恐慌.

使用第三方图标库 用过Elment的同鞋都知道,Element UI提供的字体图符少之又少,实在是不够用啊,幸好现在有不少丰富的第三方图标库可用,引入也不会很麻烦. Font Awesome Font Awesome 提供了675个可缩放的矢量图标,可以使用CSS所提供的所有特性对它们进行更改,包括:大小.颜色.阴影或者其它任何支持的效果. Font Awesome 5 跟之前的版本使用方式差别较大,功能是强大了,图标也更丰富了,但使用也变得更加复杂了. 本人还是比较喜欢之前的使用方式,安装容易

element为我们提供了丰富的好用的组件,图标的样式也很多,但还是有一些常用的图标没有在官方图标库里边,比如说微信.淘宝.支付宝等等.那么如何把我们需要的图标添加到进去呢? 因为element有官方图标库,那我们引入的时候也按照官方的class格式,做到统一. 我在这里只说一种方法,那就是如何引用阿里iconfont图标作为我们自定义的图标. 首先呢需要现在iconfont官网找到我们需要的图标,然后加入到购物车并且放入项目,如图: 添加到项目之后会自动打开项目,然后找到我们刚刚添加的项目,点

webpack打包绝对路径引用资源解决办法: 打开webpack.prod.conf.js 找到output:增加 publicPath: './',  即可,如图  element ui字体图标不显示的解决办法: webpack utils.js 修改:(build目录下utils.js) 添加publicPath: '../../'属性

一:引入单设图标 1.打开 阿里icon,注册 >登录>图标管理>我的项目 2.新建项目 返回阿里icon首页,点进去你想要的icon库,因为没有批量导入购物车,所以一般情况下需要一个一个去点,太浪费时间,那么请在控制台输入以下代码,批量导入 var icons = document.querySelectorAll('.icon-gouwuche1'); var auto_click = function(i) { if (i < icons.length){ setTimeou

Vue Element 使用 icon 图标 (第三方) element-ui 自带的图标库还是不够全, 还是需要需要引入第三方 icon, 自己在用的时候一直有些问题, 参考了些教程, 详细地记录补充下 对于我们来说, 首选的当然是阿里 icon 库 教程: 1. 打开阿里 icon, 注册 > 登录 > 图标管理 > 我的项目 图标管理 > 我的项目, 点进去 新建项目 新建项目 项目名称随便写前缀注意, 不要跟 element-ui 自带的 icon(前缀为: el-icon

最近使用element-UI时,使用table做动态表格,当操作列使用fixed时,动态切换表格列设置设置时就会出现错乱,情况如下: 解决方法: 把el-table-column上的key设成一个随机数Math.random(),每次表头设置完都要更新一下就正常,如下 这样,显示结果就正常了

因为在项目中两个表格共用了同一个组件, 但由于表头不完全相同, 就通过v-if来控制表头的显示隐藏,没想到造成了表头顺序的错乱, 经过多方查找资料,最后找到了解决方法: 即为每一列el-table-column添加key属性,可以使用随机数: :key="Math.random()"