![](https://img-blog.csdnimg.cn/20201014180756927.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
P-项目一期
weixin_49696014
这个作者很懒,什么都没留下…
展开
-
table标签+tooltip+js,做溢出隐藏,鼠标经过提示全部内容(封装模块)
首先说的是,本项目是vue项目,开发使用的是大屏显示器,而在小屏笔记本中,表格中的字段会出现换行的,需要调整;我之前是做过不同屏幕大小的适配的,整体来说还是可以的,但是在小屏的时候,还是要做特殊处理的,本文就是将,一个table表格里展示员工的信息时,文字的长度如果超出了单元格的宽度,就提出隐藏,显示省略号,鼠标经过显示tooltip提示框全部内容1、设置整个table表格中单元格的溢出隐藏 table { width: 100%; border-collaps原创 2021-02-10 11:09:27 · 703 阅读 · 0 评论 -
vue项目,当渲染头像的地址无效时,显示默认的本地头像
在vue框架的script中想要访问本地的头像,直接按路径访问,是访问不到的,要improt导入到对应的组件内,// 要想在组件的js,使用本地图片,必须improt导入文件import imgURL from '../assets/默认头像.jpg'使用时给img标签绑定错误事件<img ref="avatar_Img" :src="personal_Information.photo" v-on:error="imgError">头像地址错误或者无效时,触发错误事件,执行下面的原创 2021-01-22 18:42:35 · 923 阅读 · 0 评论 -
vue PC端项目,做不同屏幕大小的自适应(一)亲测有效
首先声明的是,本人vue项目使用vue-cli3创建的,话不多说,上代码第一步 安装postcss-px2rem及px2rem-loader打开命令行工具,输入以下指令安装插件(当然用淘宝镜像cnpm安装会更快)npm install postcss-px2rem px2rem-loader --save第二步 在根目录src中新建utils目录下新建rem.js等比适配文件const baseSize = 16// 设置 rem 函数function setRem () { // 当前原创 2021-01-22 15:20:20 · 3067 阅读 · 1 评论