04 2021 档案
摘要：先放效果图，我们要实现的是那块藕黄色区域，可以看出来本来是个矩形，然后下边一块区域为白色块，变成了直角梯形的样式， 所以，我们先来写一个矩形沿对角线折叠分为两个三角形，然后再实现效果图中的样式 // html <div class="rectangle"></div> 首先我们先了解border-c
阅读全文
摘要：不好意思，因为是同事问的一个问题，我就放截图了，比较方便，看着也更直观，也正好看一下是否是你们想要的样式 第一张是正在写的样式和效果图，第二张是元素实现代码 代码如下： 利用宽度百分比就能解决了 // 第一种方法.content{ .item{ width: 25%; display:inline-
阅读全文
摘要：近来同事问到我css水平居中的问题，加了text-align:center;或者margin:0 auto; 都没用，我就推荐她用flex布局，于是就加了display:flex;justify-content: center;align-items:center;还是没用，因为是远程，我也不知道啥
阅读全文
摘要：局部过滤器和全局过滤器 过滤方法中有一个参数，这个参数就是传进来要过滤的元素 注意：使用过滤器会出现死循环，因为在将原数组排序后赋值给原数组，引用空间没有变化，过滤一直执行 解决方法： 使用扩展符将数组赋值给新的变量，引用空间发生变化后，不会再循环 filters:{ sortArray(value
阅读全文
摘要：在vue项目中使用element-ui时，经常会用到Dropdown组件，有时需要在子菜单上添加click事件。但是官方文档中并没有给出el-dropdown-item的点击事件。 最初直接用@click加事件，点击是没效果的，若在其后加native可直接解决问题 <el-dropdown size
阅读全文
摘要：项目中需要做成以上那种样式，我将iconfont单独写了出来进行循环，以下： export const iconList = [ { id: '001', title: '产品配置', unicode: '\ue620' // 此处最重要 }, { id: '002', title: '卡券产品管理
阅读全文
