- 博客(9)
- 收藏
- 关注
原创 vue使用v-scale-screen大屏自适应
vue使用v-scale-screen大屏自适应 注:vue2请使用v-scale-screen@1.0.0版本,vue3请使用v-scale-screen@2.0.0版本;使用组件遇到的问题在使用DataV之后,对浏览器放大缩小以及大屏进入全屏和退出全屏后,数据存在拉伸问题;根据DataV官网解释如下:给当前所使用的组件添加key值;
2023-08-24 11:50:08
3099
1
原创 pointer-events鼠标穿透
填充区域不会影响用户输入,并且元素显示在其后面的内容将作为要素响应用户输入。visibleFill:元素的轮廓形状(填充+描边)将仅作为要素响应用户输入,与visiblePainted相反,不考虑元素的z-index。painted:元素的内容区域将是唯一响应用户输入的区域,忽略元素的轮廓形状或事件相交的任何其他内容。stroke:元素的描边区域将是唯一响应用户输入的区域,忽略了填充区域或事件相交的任何其他内容。fill:元素的填充区域将是唯一响应用户输入的区域,忽略了轮廓的影响或事件相交的任何其他内容。
2023-06-09 15:00:15
752
原创 document.domain + iframe解决跨域问题
document.domain + iframe解决跨域问题 不喜勿喷,请提意见,谢谢!!!!在项目中遇到iframe嵌入页面处于同一主域下,但在不同子域下解决跨域问题;列如:<template> <div class="div_info"> <iframe :src="iframeURL" id="mobsf" height="100%" width="100%" scrolling
2022-05-12 16:07:26
1403
2
原创 VUE使用video-player在线播放视频
1.安装npm install vue-video-player --save2.全局引用, 在main.js里面导入并引用import VideoPlayer from “vue-video-player”;import hls from “videojs-contrib-hls”;require(“video.js/dist/video-js.css”);require(“vue-video-player/src/custom-theme.css”);Vue.use(VideoPlayer
2021-06-02 09:45:47
3046
原创 vue项目中使用px2rem自适应浏览器
在项目中为了屏幕适配,使用postcss-px2rem将代码中px自动转化成对应的rem的一个插件.1.安装npm i lib-flexible-computer -S //根节点会根据页面视口变化而变化font-size大小npm i px2rem-loader -D //自动将px转为rem2.main文件引用import “lib-flexible-computer”3.在src同级下建立一个vue.config.js文件,并在该文件中写入一下代码module.exports = {
2021-06-02 09:25:46
312
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人