css
文章平均质量分 50
荀鼠不是鼠
不快乐但充满生机
展开
-
css:如何让页面禁止和用户产生交互
从而禁止用户与所有元素进行交互。需要注意的是,这样会将页面上的所有元素都禁用,包括按钮、链接等,用户将无法进行点击、输入等操作。所以很多比较难得有价值的博客没有时间写,但是还是会保持跟新一些实际开发中好用的知识点。实用场景:当一个页面只需要用户查看相关信息,但不需要用户修改信息时,除了组件禁用还可以使用该模式。方法:在需要的选择器里面输入pointer-events:none即可,如果只希望对某个特定元素禁止用户交互,可以通过选择器选中该元素,并将其。上述代码会将页面中的所有元素的。原创 2024-03-03 15:57:26 · 793 阅读 · 0 评论 -
vue做的一个一点就转的转盘(音乐磁盘),点击停止时会在几秒内缓慢停止,再次点击按钮可以再次旋转,
代码:主要部分我会红线画出来。原创 2023-11-11 17:37:50 · 942 阅读 · 0 评论 -
css:如何通过不同的值,改变盒子的样式和字体颜色通过computed而不是v-if
在使用uni-app编写功能时,可以通过computed方法来实现根据num这个值也可以是后端传过来的值只要是number类型都可以。首先,在data中定义一个num来存储当前的值,然后在computed中创建一个样式对象,并根据num的取值来设置相应的背景颜色和字体颜色。在computed中,我们创建了一个boxStyle方法,根据num的不同取值来设置backgroundColor和color的值,并将它们作为样式对象返回。这样,当num的值改变时,盒子的背景颜色和字体颜色就会随之变化。原创 2023-10-27 11:12:10 · 799 阅读 · 0 评论 -
字符间间距的的更改和如何换行(css)
虽然很简单但是真实的开发中挺常用的,有时候我也容易忘记,所以自己写下来以后忘记了能用,或者能帮助到需要的人也很好。嗯~这个问题虽然比较基础也很容易但是平时比较容易遇到也很实用,所以记录下来也希望能帮助到有需要的人。的作用是文字长度大于盒子宽度时换行,作用于父盒子。的作用是调整文字上下之间的间距。的作用是让盒子内的文字居中显示。的作用是调整文字作用之间的间距。原创 2023-09-19 11:27:23 · 204 阅读 · 0 评论 -
如何实现横向滑动以及文字长度超过盒子长度时用...代替的实现Vue、css
在实际开发过程中我们会遇到从右往左的滑动效果还不是从上到下的滑动效果,比如:那么这种效果是怎么实现的呢直接上代码选择门店">">">">">原创 2023-08-07 10:07:31 · 368 阅读 · 1 评论 -
css样式基础子绝父相
在写前端页面的过程中我们难免会遇到一个div标签里面套用多个div标签,或者一个div标签里面有图片标签img和div标签,然后想把div中的文字移动到img图片标签的下面的位置这些等,总而言之就是在div中,将他内部所有的标签按照一些标准放到固定位置比如:1、这是没有使用子绝父相的页面:可以看出由于div是块级标签,所以一个div独占一行,三个div就父元素米白色中占据了三行2、使用子绝父相这个公式后:可以发现:米白色父级元素的选择器.head-box加入了。原创 2023-07-29 09:36:29 · 508 阅读 · 1 评论