layui裁剪组件easyCropper使用样式错乱问题

简介: layui裁剪组件easyCropper使用样式错乱问题

问题截图

image.png

解决

1.原因官方给的资源文件cropper.css有问题,引入但是没有生效

2.去修改cropper.css的所有cropper为easyCropper

image.png

3.解决

image.png

目录
相关文章
|
前端开发 JavaScript 容器
使用CSS 怎么改网格布局上下行的顺序
Flex 布局是一种简单而灵活的布局方式,通过设置父容器的 display: flex 属性,可以方便地控制子元素的排列方式、对齐和间距等。它适用于一维排列的情况,比如横向或纵向的列表、导航栏等。 Grid 布局则是一种更为复杂的布局方式,可以将网页划分为等大小的网格,并通过设置网格的属性来定义子元素的位置。它适用于二维排列的情况,比如网格状的图像展示、多列的表格等。
|
前端开发 开发者 容器
CSS 自适应内容宽度的输入框
CSS 自适应内容宽度的输入框
CSS 自适应内容宽度的输入框
|
9天前
|
存储 索引
antd中table组件选中单行换样式(比如背景颜色)
在Ant Design (antd)的Table组件中,可以通过设置`onRow`属性来定义行点击事件,从而改变被点击行的样式,如背景颜色。`onRow`是一个函数,返回一个对象,对象包含事件处理函数,如`onClick`。同时,使用`rowClassName`属性来指定行的类名,结合状态管理,可以实现点击某行后改变其背景颜色的效果。具体实现时,需要在组件状态中保存当前被点击行的索引,然后通过`rowClassName`判断并返回相应的类名。
45 2
antd中table组件选中单行换样式(比如背景颜色)
|
3月前
|
JavaScript
ELEMENT-PLUES如何设计二级高亮样式,文字如何呈现高亮效果,如果字体出现不对齐的情况,侧边栏icon如何调位置,目录如何折叠,如何延迟动画播放,如何添加阴影,如何添加logo,在行内样式写宽
ELEMENT-PLUES如何设计二级高亮样式,文字如何呈现高亮效果,如果字体出现不对齐的情况,侧边栏icon如何调位置,目录如何折叠,如何延迟动画播放,如何添加阴影,如何添加logo,在行内样式写宽
|
5月前
|
前端开发 小程序
WXSS模板样式-全局样式和局部样式
**WXSS**是微信小程序的样式表语言,类似于CSS,但做了扩展和修改。它引入了**rpx**作为尺寸单位,用于屏幕适配,1rpx在不同设备上的宽度不同,确保了自适应效果。此外,WXSS支持**@import**语法导入外部样式表,便于代码复用。全局样式定义在`app.wxss`中,作用于每个页面,而局部样式在页面的`.wxss`文件中,优先级高于全局样式,当两者冲突且权重相等时,局部样式会覆盖全局样式。
47 0
|
5月前
【最简洁】一句CSS3代码实现不规则自定义背景图拼接样式,多用于异形弹窗背景图
【最简洁】一句CSS3代码实现不规则自定义背景图拼接样式,多用于异形弹窗背景图
|
5月前
【sgDragSize】自定义组件:自定义拖拽修改DIV尺寸组件,适用于窗体大小调整
【sgDragSize】自定义组件:自定义拖拽修改DIV尺寸组件,适用于窗体大小调整
|
11月前
|
前端开发 算法
怎么写一个可以拖拽缩放的div?
怎么写一个可以拖拽缩放的div?
92 0
|
11月前
|
前端开发
前端切图:CSS实现隐藏滚动条同时又可以滚动
前端切图:CSS实现隐藏滚动条同时又可以滚动
46 0