- 博客(5)
- 收藏
- 关注
RSS订阅原创 margin&border&padding的用法
这一属性，可以设置盒子水平居中，设置上下外边距为0px，左右为auto，auto代表自适应，会自动将父标签剩余分空间均分到盒子左右两边。原因：子标签在设置margin-top时，会去找父标签的边界作为参考，找不到父标签的边界，就传递给父标签显示。当padding为四个值时表示盒子与盒子之间的间距的上，右，下，左间距。当margin为四个值时表示盒子与盒子之间的间距的上，右，下，左间距。当margin为三个值时表示盒子与盒子之间的间距的上，左右，下间距。边框至少需要设置两个值：宽度和类型，颜色默认为黑色。
2024-04-29 20:58:38
883
原创 Antd（Vue）关于表格数据渲染问题
那咱就又去antd找哇，当逛到tooltip这个api时，看了一下大概介绍，就是说可以给出相应的提示信息，那咱不就是想要这样的效果嘛，于是我就又抱着试一试的心态去尝试，看了一下大概用法placement这个属性就是说可以将提示信息框显示在哪个位置，title这个属性就是说可以显示提示信息，但是考虑到，最后渲染出来的数据，有可能是一条也有可能是多条。但是老板看了之后，又觉得不满意，觉得渲染出来的数据过多，影响美观，只想要渲染出一条数据，其他数据当鼠标移入到该地方时会显示出来。没修改之前渲染出来的数据是这样。
2024-04-29 17:30:30
370
原创 Vue中的class动态样式切换
1、在HTML中的class，指的就是关于页面的样式层叠表，就是写一些样式起到美化页面的作用，并且这些样式都是静态，并且写死的，是不会改变的。2、在Vue中的:class，指的虽然也是关于页面的样式层叠表，但是它是动态的样式。是可以进行切换的。因为:class是简写的形式，正确的写法因该是v-bind:class，并且在Vue中该样式如果需要生效则必须得让条件成立，即布尔值为true才可以。
2024-04-11 15:20:18
358
1
原创 Antd vue鼠标双击事件
然后呢，我又仔细查看了它的用法，使用该方法时，会调用两个参数，一个是event，另一个是node，而node参数中存在dataRef，这个dataRef就是你所定义的treeData数组，然后，我所定义的handleExpand方法中传递的参数对象中的expanded，是个布尔值，如果为true，则会展开目录，如果为false则会收起目录，刚好我现在需要使用双击事件，那我想的就是双击该目录也让它展开，那么也就需要一个布尔值为true展开，为false收起。我就去看源码，果不其然，找到了！
2024-04-11 10:15:07
172
原创 个人理解浮动(float)与弹性盒子(flex)的区别
那是因为我们对行级元素设置浮动后，行级元素就会变成行内块元素，这个时候就会有块级元素的特性，所以设置宽，高才会生效。这样符合脱离标准流文档的特点。由此图我们可以看出在没设置浮动前，各元素虽然都紧挨，但是各占各自的位置，彼此都不打扰彼此的空间，那是因为我们设置的标签是div标签，而div标签属于。弹性容器：可以让元素同行显示，元素排列不时不会自动换行而是将元素进行压缩排列显示，除非设置flex-warp属性才会换行显示。破坏流文档：元素在移动过程中，形成脱离标准流文档，但是在元素移动完成时，形成标准流文档。
2023-09-10 19:29:14
671
1
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人