- 博客(10)
- 资源 (2)
- 收藏
- 关注
原创 element ui 表格Table组件,根据文本宽度,实现表头宽度自适应
第一步安装:npm install af-table-column第二步在main.js中引用:import afTableColumn from 'af-table-column'Vue.use(afTableColumn)第三步使用:<!-- 默认用法,全部自适应 --><el-table :data="data"> <af-table-column prop="field1" label="列1"></af-table-c
2022-04-19 16:48:04
958
1
原创 Vue可视化大屏 利用缩放transform:scale实现分辨率自适应
,第一步:在data中设置默认宽高及缩放比,(宽高的值根据自己电脑的情况设置,博主的是1920*1080)style: { width: "1920", height: "1080", transform: "scaleY(1) scaleX(1) translate(-50%, -50%)"}第二步:在methods里添加两个方法getScale() { const w = window.innerWidth / this.style.width; const
2022-04-07 17:17:46
9391
4
原创 vue + rem + less 可视化大屏自适应适配
(function(win, lib) { var doc = win.document var docEl = doc.documentElement var metaEl = doc.querySelector('meta[name="viewport"]') var flexibleEl = doc.querySelector('meta[name="flexible"]') var dpr = 0 var scale = 0 var tid.
2022-04-06 14:47:45
1376
1
原创 vue + webpack 如何配置成允许访问https接口
在配置代理时,将target的接口地址改成https的地址在并且增加一个配置项:secure:falsechangeOrigin为true代表允许跨域
2022-04-06 11:30:24
1530
原创 实现:vue---列表循环滚动,鼠标悬浮停止
第一步:安装插件npm install vue-seamless-scroll --save第二步:在main.js直接导入使用import scroll from 'vue-seamless-scroll' Vue.use(scroll)第三步:使用 vue-seamless-scroll标签,标签中的属性:data属性的值holeCountData是列表数据class-option属性的值optionHover是一个函数,下面会说明seamless-warp是此盒子的样
2022-03-31 17:23:56
1386
原创 适配:在WebStorm中设置输入px时自动提示转化为rem
第一步:点击Settings第二步:在点头位置输入框输入:rem第三步:点击Install安装此工具第四步:点击Installed查看是否安装成功第五步:点击Px to Rem ,然后根据自己实际情况输入数值,输入完成点击OK第六步:重启WebStorm输入时会出现此提示,说明已成功。...
2022-03-15 15:10:03
1878
1
原创 putty查看日志出现乱码问题
乱码是因为putty的当前使用的字符集不能解析服务器端发过来的编码,故而产生乱码。明确原因之后,解决方案如下: 查看服务器当前使用的编码,输入命令: echo $LANG $LANGUAGE2. 将putty使用的编码修改为服务器系统当前使用的编码,也就是utf编码,如下图所示设置完成,就不会出现乱码了,除非服务器系统本身存在乱码...
2018-11-14 10:31:17
4969
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人