
img标签使用after和before伪元素失效的解决方法
当使用CSS的::before和::after伪元素时,对于标签,这些伪元素的使用会失效。这是因为标签是一个自闭合标签,它并不包含实际的内容,因此无法直接在其前后添加额外的内容或样式。在实际项目中,有

伪元素与hover的妙用
做项目的时候经常出现这种样式,当你鼠标移动到块元素上,会出现一个进度条或者向两边发散的条,会让页面更加美观,这种条不能用边框代替,因为你不能决定边框宽度,而你专门放一个div会让你的结构看起来不是很美

移动到块元素上放大内部图片
在网站常用的样式里,鼠标进入块元素放大内部图片营造与其他图片不同效果是常用的样式。 这里有两种常用方式。 第一种是当鼠标经过时,图片会放大,但是图片的宽高却不会变。 这种样式其实就是

Yonbuilder——解决文字无法复制问题
最近写了一个app项目,存在一个突出的问题是项目中的文字无法被复制。这意味着用户无法轻松地提取他们所需要的信息。要实现文字的可复制功能,常见的方法是通过CSS中的user-select属性来控制文字的可选性。然而在yongyou框架中,仅仅加上这个属性也还是没有效果的。yongyou框架中的openWin方法,有提供一个allowEdit属性,控制所打开的页面是否允许长按时弹出选择菜单。在打开页面...
2023-11-24

d2-crud如何自定义search表单
D2-crud框架的search表单如图所示: 官方已经搭建好了,我们只需要更改crud配置来编辑左边的搜索框即可。 默认的DOM结构如图所示: search表单中的查询和重置是默认在crud-search组件中的,比如我们想自定义一个按钮,若写在el-button-group按钮组中,显然他只能渲染到下方。如何在search表单中进行一些自定义操作呢? ...

Swiper图的“左右护法”
设计出了一个这样的swiper,两侧的大小明显小于中间的且只显露了一半,这样的样式我们怎么做呢,众所周知,swiper有一个异形的Slide,其实就是未选择的swiper用transform: scale()缩小,而选中的则变为正常,我们可以直接借鉴过来。 那么我们怎么规定显示的的图片呢?Swiper中有两个属性, 1.分别为centeredSlides使swiper选中的在中间显示, 2....