移动到块元素上放大内部图片
在网站常用的样式里，鼠标进入块元素放大内部图片营造与其他图片不同效果是常用的样式。 这里有两种常用方式。 第一种是当鼠标经过时，图片会放大，但是图片的宽高却不会变。 这种样式其实就是
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....
Less——混合(Mixin)（下）
上一章我们部分介绍了Less中的混合，混合(Mixin)是一种将一组属性从一个规则集包含(或混入)到另一个规则集的方式，类似编程语言中的函数。本章将继续介绍混合的其他使用方法。四，@arguments 变量@arguments 变量包含了传入的所有参数。编译结果为：.big-block 五，匹配模式。在多个相同的混合中(参数个数必须相同)，匹配特定的混合。.class 六，运算(Operation...
Less——混合(Mixin)（上）
Less 是一门 CSS 预处理语言，它扩展了 CSS 语言，使 CSS 更易维护和扩展。其中，混合(Mixin)是一种将一组属性从一个规则集包含(或混入)到另一个规则集的方式，规则集也是我们平时常说的选择器。有点类似编程语言中的函数，通过这种方式，可以在代码中实现复用。一，普通混合。如果希望在其它规则集中使用这些属性，只需像下面这样输入所需属性的类（class）名称即可。编译结果为：.borde...
