- 博客(6)
- 收藏
- 关注

原创 基于VUE 蛇形时光轴 自适应(组件)
下面的是组件 , 只需要引入传参即可<Optical-axis-assembly:data="this.leftCalInfoData.timeAxis" :Index="5“ / > Index 属性值为Number类型 展示表示一列展示几行data 为数据 数据格式及字段 : [{name:'时光轴',date:'19990416'}]<template> <div>...
2021-08-31 09:48:21
2148
9
转载 vue监听页面窗口变化
获取窗口宽度:document.body.clientWidth监听窗口变化:window.onresize网页可见区域宽:document.body.clientWidth网页可见区域高:document.body.clientHeight网页可见区域宽:document.body.offsetWidth (包括边线的宽)网页可见区域高:document.body.offsetHeight (包括边线的宽)我们将document.body.clientWidth赋值给data中自定义的变量
2021-09-09 17:47:42
7857
原创 展开收起 CSS封装(组件)
<template> <div> <div style="display: flex; align-items: flex-end"> <p :class="istrue ? 'overs' + lengths : 'FontSize'" ref="over"> {{ title }} </p> <span> <img v-if=.
2021-09-09 17:20:43
186
原创 超出文本提示信息 => vue 自定义指令
import Vue from 'vue'Vue.directive('showTips',{ inserted(el) { }, bind : function (el, binding, vnode) { el.onmouseenter = function (e) { console.log(el.scrollHeight); console.log(el.clientHeight); // if(el.scrollHeight>41).
2021-09-09 17:16:01
198
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人