![](https://img-blog.csdnimg.cn/20201014180756928.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
CSS
不抽烟的小王
这个作者很懒,什么都没留下…
展开
-
vue el-dialog 对话框居中显示
以上代码的作用:给 el-dialog__body 加 overflow auto 实现 body内部滚动。但是,因为overflow容器需要外部限制容器的大小才能产生内部滚动,所以使用。把 el-dialog__body 的大小限制为总大小减去头和尾的大小。是通过 transform 来实现水平和垂直居中。是设置对话框的高度和宽度。原创 2024-04-24 20:37:06 · 1099 阅读 · 0 评论 -
前端实现动态切换主题色-使用 css/less 动态更换主题颜色(换肤功能)或通过单击更改背景颜色
但需要注意的是,在移动设备上的浏览器或各Native App用到的WebView里,localStorage都是不可靠的,可能会因为各种原因(比如说退出App、网络切换、内存不足等原因)被清空。2、需要的话对一些字体图标的定义要跟ui和pd沟通好,构建好对应的iconfont工程,方便使用,因为你要清楚如果单纯使用图片,那切换主题色,变量定义就会很繁琐,一句话怎么方便怎么好维护就怎么来;这里是定义的结构体,仅作参考(你可以根据自己项目的框架使用对应的组件都是ok的,没啥特殊要求)原创 2023-11-21 08:52:38 · 1753 阅读 · 0 评论 -
公共样式(scss)
【代码】公共样式(scss)原创 2023-10-12 21:52:25 · 345 阅读 · 0 评论 -
重置样式(scss)
【代码】重置样式(scss)原创 2023-10-12 21:50:48 · 57 阅读 · 0 评论 -
elment自定义样式(scss)
【代码】elment自定义样式(scss)原创 2023-10-12 21:49:14 · 255 阅读 · 0 评论 -
滚动条样式修改
设置 ::-webkit-scrollbar 属性会使滚动条默认样式失效其他修改滚动条样式的私有属性需要配合 ::-webkit-scrollbar 属性使用如果要设置滚动条背景色, ::-webkit-scrollbar 、 ::-webkit-scrollbar-track 、 ::-webkit-scrollbar-track-piece 三个属性设置一个即可。四、开始换装1. 纯色系滚动条。原创 2023-06-12 15:34:12 · 1007 阅读 · 0 评论 -
微信小程序点击icon实现分享功能
小程序分享功能有两种方式,监听用户点击页面内转发按钮( 组件 open-type=“share”)或右上角菜单“转发”按钮的行为,并自定义转发内容。使用微信小程序的分享功能需要定义onShareAppMessage(Object object)函数,存在该函数分享功能才能被触发。我的按钮存在于student-orther-icon下,将该class下的按钮样式清除。注意设置open-type="share"用于触发分享功能。//判断触发的方式是否为按钮。2.定义触发分享功能的icon按钮。原创 2023-05-24 16:31:31 · 1453 阅读 · 0 评论 -
CSS宽度计算calc()
今天在项目过程中需要在fixed布局下自适应宽度,此时左边框是固定宽300px;右边的内容则是100%-300px;但是css中怎么写呢?CSS宽度计算calc()原创 2023-05-06 11:03:20 · 215 阅读 · 0 评论