1 2 3 4 5 ··· 11 下一页
摘要: //样式模拟 div > div { width: 200px; height: 500px; border: 1px solid #38c46d; } #anchor { position: fixed; width: 100px; height: 200px; border: 1px solid 阅读全文
posted @ 2024-09-04 14:55 你风致 阅读(4) 评论(0) 推荐(0) 编辑
摘要: import { Spin } from 'ant-design-vue'; //定义变量 spinning: false, //放在第一层级 <> <div className="aspin" v-show={this.spinning}> <antSpin spinning={this.spin 阅读全文
posted @ 2024-08-05 14:18 你风致 阅读(3) 评论(0) 推荐(0) 编辑
摘要: const user = { profile: { name: '张三' } }; const userName = user.profile?.name ?? '匿名'; // 结果: userName = '张三' 此代码首先演示了如何使用可选链运算符 (?.) 安全地访问user.profil 阅读全文
posted @ 2024-07-08 14:10 你风致 阅读(1) 评论(0) 推荐(0) 编辑
摘要: this.$nextTick(()=>{ const modal:any = document.getElementsByClassName('ant-modal')[0] const content:any = document.getElementsByClassName('ant-modal- 阅读全文
posted @ 2024-06-11 13:49 你风致 阅读(13) 评论(0) 推荐(0) 编辑
摘要: 实际上就是伪元素的长方形,上下左右边框,在旋转过后把上和左边框给隐藏了。这样就形成√了 .mycheckBox::after{ position: absolute; display: table; border: 2px solid #fff; border-top: 0; border-left 阅读全文
posted @ 2024-05-08 14:27 你风致 阅读(11) 评论(0) 推荐(0) 编辑
摘要: 关闭下拉框的动画样式即可解决 .ant-select-dropdown.slide-up-appear.slide-up-appear-active.ant-select-dropdown-placement-bottomLeft, .ant-select-dropdown.slide-up-ent 阅读全文
posted @ 2024-04-09 10:29 你风致 阅读(66) 评论(0) 推荐(0) 编辑
摘要: function getClose(url:string){ const openObj = window.open(url,"_blank"); //如果你是在另一个组件想关闭某窗口,需要定义个变量挂载到window下面,挂载到this下面不生效 (window as any).closeObj 阅读全文
posted @ 2024-03-11 10:18 你风致 阅读(12) 评论(0) 推荐(0) 编辑
摘要: 当原生button没有定义type类型时,会自动触发表单的提交,大多数浏览器会认为它的type=“submit”; 这可能会导致一些表单验证不是在提交按钮的时候触发,而是点击其他按钮就触发了; 解决方式:将type的类型改为button,type="button"。 阅读全文
posted @ 2024-02-23 10:11 你风致 阅读(31) 评论(0) 推荐(0) 编辑
摘要: position属性中最有意思的就是sticky了,设置了sticky的元素,在屏幕范围内(viewport)时该元素的位置并不受到定位影响(设置是top、left等属性无效),当该元素的位置将要移出偏移范围时,定位又会变成fixed,根据设置的left、top等属性成固定位置的效果。(不会脱离文档 阅读全文
posted @ 2024-01-03 15:49 你风致 阅读(9) 评论(0) 推荐(0) 编辑
摘要: 其实主要就是要定义content:""; before或after会相对定义position:relative;最近的元素去定位; 比如实现一个文本前的黑色圆点: p::before { content: ""; width: 4px; height: 4px; background-color: 阅读全文
posted @ 2023-12-04 10:20 你风致 阅读(36) 评论(0) 推荐(0) 编辑
1 2 3 4 5 ··· 11 下一页