HTML5 - 随笔分类 - 火星大能猫

element ui 表格扩展,支持移动端自适应卡片式布局渲染

摘要：默认的elment ui的table组件,在移动端体验很差所以需要扩展一下,实现自适应, pc端保持官方样式不变,移动端实现卡片式布局浏览最终效果 pc端: 移动端: 相关组件代码: <template> <div class="responsive-table-wrapper"> <!-- P 阅读全文

posted @ 2025-07-01 15:44 火星大能猫阅读(486) 评论(0) 推荐(0)

element ui的el-dialog在移动端下弹窗的优化

摘要：默认element-ui的el-dialog宽度为50% 会导致弹窗效果很丑,输入非常不方便. 所以移动端需要做特殊适配以下为样式 @media screen and (max-width: 768px) { /* 或者使用这种更具体的选择器 */ .el-dialog__wrapper .mai 阅读全文

posted @ 2025-03-06 11:47 火星大能猫阅读(260) 评论(0) 推荐(0)

关于vue中image控件,onload事件里,event.target 为null的奇怪问题探讨

摘要：废话不多说(主要文笔比较差),直接上代码一个简单的demo,如下 <img :src="orginalImgSrc" style="display: none;" crossOrigin="Anonymous" @load="imgLoaded"> vue代码 imgLoaded(e) { deb 阅读全文

posted @ 2024-06-19 16:56 火星大能猫阅读(703) 评论(1) 推荐(0)

随笔分类 - HTML5