世界之大

摘要： <template> <div id="openLeftOneTl" style="width: 100%; height: 100%;"></div> </template> <script> export default { data() { return { } }, mounted() { 阅读全文

摘要： 阅读全文

摘要： video标签单纯的添加 autoplay属性无法实现自动播放 需要添加上 muted这个属性 如下： <video width="100%" height="100%" src="./img/loading.mp4" muted autoplay ></video> 阅读全文

摘要： 先看效果图： <div id="weatherForecast" style="width:100%;height:100%"></div> //自适应字体大小变化 WidthAdaptive(res) { var windth = window.innerWidth; let fontSize = 阅读全文

摘要： 先看效果图： 代码如下： <div id="lineChart" style="width:100%;height:100%"></div> //自适应字体大小变化 WidthAdaptive(res) { var windth = window.innerWidth; let fontSize = 阅读全文

摘要： 关于vue项目中，重新渲染当前路由， 路由跳转的时候，生成一个当前的时间戳，作为唯一值（t） this.$router.push({ path:"/xxx", query:{ t:Date.now(), }, }); 在app.vue中的<router-view>传递t给key，以达到重新渲染的目的 阅读全文

摘要： 先看效果图： <div style="width: 462px; height: 230px" id="energyRightTopShui2"></div> //自适应字体大小变化 WidthAdaptive(res) { var windth = window.innerWidth; let f 阅读全文

摘要： swiper插件在使用无限轮播的时候，会出现一种自动轮播一轮之后无法点击的情况，造成这种情况的原因是：swiper的无限轮播时会自动复制第一个和最后一个页面进行轮播。但由于只复制页面没有复制点击事件，此时我们用vue写的点击事件在页面循环一周回来遇到复制的页面时，点击事件就会失效。解决的方法：通过s 阅读全文

摘要： 效果图： <div style="width: 462px; height: 220px" id="zhexiantu"></div> // 自适应字体大小变化 WidthAdaptive(res) { var windth = window.innerWidth; let fontSize = w 阅读全文

摘要： 效果图： <div style="width: 462px; height: 290px;id="propertyRightTop"></div> // 自适应字体大小变化 WidthAdaptive(res) { var windth = window.innerWidth; let fontSi 阅读全文