10 2021 档案
摘要:先看效果图: <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
阅读全文
摘要:效果图: <div style="width: 244px; height: 220px" id="propertyRightBottom"></div> // 自适应字体大小变化 WidthAdaptive(res) { var windth = window.innerWidth; let fo
阅读全文
摘要:效果图: <div style="width: 462px; height: 180px" id="indexLeftbottom"></div> // 自适应字体大小变化 WidthAdaptive(res) { var windth = window.innerWidth; let fontSi
阅读全文
摘要:效果图: <div style="width: 462px; height: 230px" id="energyRightTopDian"></div> // 自适应字体大小变化 WidthAdaptive(res) { var windth = window.innerWidth; let fon
阅读全文
摘要:效果图: <div style="width: 100%; height: 100%" id="energyRightBottom"></div> 这个地方我采用的是props传值,也可以直接写到方法里面 props: { dataOne: { type: Number, default() { r
阅读全文
摘要:效果图: <div style="width: 462px; height: 180px" id="energyLeftTop"></div> // 自适应字体大小变化 WidthAdaptive(res) { var windth = window.innerWidth; let fontSize
阅读全文
摘要:效果图: <div style="width: 260px; height: 253px" id="teachingLeftTop"></div> // 自适应字体大小变化 WidthAdaptive(res) { var windth = window.innerWidth; let fontSi
阅读全文
摘要:效果图: <div style="width: 462px; height: 180px" id="teachingRightCenter"></div> // 自适应字体大小变化 WidthAdaptive(res) { var windth = window.innerWidth; let fo
阅读全文
摘要:效果图: <div style="width: 462px; height: 230px" id="teachingRightTop"></div> // 自适应字体大小 WidthAdaptive(res) { var windth = window.innerWidth; let fontSiz
阅读全文