摘要：
在common.js中： // 全屏 export function requestFullScreen(element) { const docElm = element; if (docElm.requestFullscreen) { docElm.requestFullscreen(); } 阅读全文
摘要：
让外层的盒子占位置，盒子的宽高比设置： // 防止图片加载的过程中，页面抖动 .wrapper width: 100% height: 0 overflow: hidden padding-botton: 100% .wrapper (浏览器兼容问题) width: 100 height: 100v 阅读全文
摘要：
https://blog.csdn.net/edc3001/article/details/86833558 可以参考 阅读全文
摘要：
官网链接：https://cn.vuejs.org/v2/guide/components-slots.html 项目中具名插槽使用的较多。 封装的通用提示组件，如： 上图截的是注销提示，有的时候不同的情况下提示组件的提示内容不一样，这就要根据具体情况更改 组件中的text内容： 首先父组件使用Pr 阅读全文
摘要：
效果图： DOM部分： 子组件，也就是封装的Dialog.vue DOM部分： <template> <transition name="fade"> <div class="dialog-wrap" v-show="showMask"> <div class="dialog-mask"></div 阅读全文
摘要：
https://www.cnblogs.com/jiayeyuan/p/10595215.html 阅读全文
摘要：
父组件： DOM部分 <el-table-column prop="img" :label="label" width="180"> <template slot-scope="scope"> <div class="img-wrap"> <img v-lazy="scope.row.album.p 阅读全文
摘要：
不足2位补'0'： 也有个函数padStart()，padEnd() https://blog.csdn.net/ixygj197875/article/details/79090578 export function pad(num, n = 2) { let len = num.toString 阅读全文
摘要：
实现点击分页器，平滑到对应的dom组件 主要用到的方法：Element.scrollIntoView() 方法让当前的元素滚动到浏览器窗口的可视区域内。 参考网址：https://developer.mozilla.org/zh-CN/docs/Web/API/Element/scrollIntoV 阅读全文
摘要：
外面的盒子div包裹着里面的图片； 通常情况下，会给外面的盒子一个padding-top: 100%， 相当于占位符，当图片还没有加载出来的时候，占住位置，防止白屏 <div class="img-wrap"> <img :src="img" alt /> </div> .img-wrap { po 阅读全文