|
|
|
@ -1,7 +1,7 @@
|
|
|
|
/*
|
|
|
|
/*
|
|
|
|
* @Author: your name
|
|
|
|
* @Author: your name
|
|
|
|
* @Date: 2021-10-12 13:56:13
|
|
|
|
* @Date: 2021-10-12 13:56:13
|
|
|
|
* @LastEditTime: 2021-11-03 17:03:23
|
|
|
|
* @LastEditTime: 2021-11-05 11:38:47
|
|
|
|
* @LastEditors: Please set LastEditors
|
|
|
|
* @LastEditors: Please set LastEditors
|
|
|
|
* @Description: In User Settings Edit
|
|
|
|
* @Description: In User Settings Edit
|
|
|
|
* @FilePath: /data-show/src/mixins/index.js
|
|
|
|
* @FilePath: /data-show/src/mixins/index.js
|
|
|
|
@ -31,6 +31,18 @@ function detectZoom (){
|
|
|
|
|
|
|
|
|
|
|
|
return ratio;
|
|
|
|
return ratio;
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
function adaptive(el,z) {
|
|
|
|
|
|
|
|
const style = document.defaultView.getComputedStyle(el); // 获取元素
|
|
|
|
|
|
|
|
const wh = document.body.clientHeight;
|
|
|
|
|
|
|
|
let h = style.height;
|
|
|
|
|
|
|
|
if(wh >= 760) {
|
|
|
|
|
|
|
|
el.style.height = z * parseFloat(h) + 'px';
|
|
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
// if( h !== style.height) {
|
|
|
|
|
|
|
|
// el.style.height = z * parseFloat(height) + 'px';
|
|
|
|
|
|
|
|
// h = style.height;
|
|
|
|
|
|
|
|
// }
|
|
|
|
|
|
|
|
}
|
|
|
|
export default {
|
|
|
|
export default {
|
|
|
|
install(Vue) {
|
|
|
|
install(Vue) {
|
|
|
|
Vue.mixin({
|
|
|
|
Vue.mixin({
|
|
|
|
@ -56,33 +68,12 @@ export default {
|
|
|
|
}
|
|
|
|
}
|
|
|
|
},
|
|
|
|
},
|
|
|
|
highly: {
|
|
|
|
highly: {
|
|
|
|
bind(el) { // el为绑定的元素，binding为绑定给指令的对象
|
|
|
|
bind(el, binding) { // el为绑定的元素，binding为绑定给指令的对象
|
|
|
|
// console.log(el, "绑定", binding);
|
|
|
|
adaptive(el, binding.value)
|
|
|
|
let h = ""
|
|
|
|
|
|
|
|
function adaptive() {
|
|
|
|
|
|
|
|
const style = document.defaultView.getComputedStyle(el); // 获取元素
|
|
|
|
|
|
|
|
const wh = document.body.clientHeight;
|
|
|
|
|
|
|
|
const height = style.height;
|
|
|
|
|
|
|
|
let z = 1;
|
|
|
|
|
|
|
|
let gh = 1080;
|
|
|
|
|
|
|
|
if(wh >= gh) {
|
|
|
|
|
|
|
|
z = 1;
|
|
|
|
|
|
|
|
} else if(wh >= 760 && wh < gh) {
|
|
|
|
|
|
|
|
z = wh / gh
|
|
|
|
|
|
|
|
} else {
|
|
|
|
|
|
|
|
z = 760 / gh
|
|
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
if( h !== style.height) {
|
|
|
|
|
|
|
|
el.style.height = z * parseFloat(height) + 'px';
|
|
|
|
|
|
|
|
h = style.height;
|
|
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
adaptive()
|
|
|
|
|
|
|
|
// el.__vueSetInterval__ = setInterval(adaptive, 300);
|
|
|
|
// el.__vueSetInterval__ = setInterval(adaptive, 300);
|
|
|
|
},
|
|
|
|
},
|
|
|
|
unbind(el) {
|
|
|
|
inserted(el, binding) {
|
|
|
|
// console.log(el, "解绑");
|
|
|
|
adaptive(el, binding.value)
|
|
|
|
clearInterval(el.__vueSetInterval__);
|
|
|
|
|
|
|
|
}
|
|
|
|
}
|
|
|
|
}
|
|
|
|
}
|
|
|
|
},
|
|
|
|
},
|
|
|
|
|
