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