- 博客(9)
- 收藏
- 关注
RSS订阅原创 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关注的人