2024-08-25 23:08:47
532
644
前端换肤通常是对项目主题色进行更换,一般来说换肤需求通常有以下几种情况:提供几种可供选择的颜色主题,用户可对主题进行切换,一般这种主题不会很多。进一步的,提供输入框由用户自定义色值,或者通过取色板取色,可供选择的颜色范围就很大了。但更多的,是标准项目针对不同客户进行定制开发,交付定制的颜色和控件样式主题。
2024-08-21 22:08:05
329
599
大家应该能看到我上面两张图的颜色是不同,其实我是用了随机颜色来展示这个标题的,下面是实现这个功能的JavaScript代码,这里主要用十六进制颜色表示,通过随机数获得随机的颜色//设置随机颜色标题i < 6;i ) {这里是css代码0% {70% {100% {.title {_使用html,css,js实现一个todo功能
2024-08-19 22:08:24
333
208
vue3 vant ts vuex vite 从零搭建起一个项目_vue3 vant ts
2024-06-19 08:06:16
494
669
Sass 是一款强化 CSS 的辅助工具,它在 CSS 语法的基础上增加了变量 (variables)、嵌套 (nested rules)、混合 (mixins)、导入 (inline imports) 等高级功能,这些拓展令 CSS 更加强大与优雅。使用 Sass 以及 Sass 的样式库(如Compass)有助于更好地组织管理样式文件,以及更高效地开发项目。Less (Leaner Style Sheets 的缩写) 是一门向后兼容的 CSS 扩展语言。_scss编译
2024-06-17 09:06:12
721
789
vue3 淘汰了 ::v-deep 要修改样式的类名 { 内容 }vue3 采用 :deep(要修改样式的类名) { 内容 }vue3对deep的官方讲解。_less deep
2024-06-17 09:06:34
108
76
vue3 vite 前端项目主题切换(ECharts、Element Plus、图片、icon图标)解决方案_vue3怎么修改组件的图标
2024-06-07 23:06:55
279
547
webpack安装和使用及超详细配置一个基本vue项目的全部流程(包括路由、less、引入图片渲染)_vue 怎么看configurewebpack 完整配置
2024-06-06 00:06:47
227
459
Sass(Syntactically Awesome Stylesheets)是一种成熟且功能强大的CSS预处理器。Sass有两种语法格式:缩进格式(.sass)和SCSS格式(.scss),其中SCSS更接近原生CSS,易于学习和迁移。_scss和sass和less选择
2024-05-13 11:05:44
1003
471
7、运算符的使用:在Less中,可以使用加减乘除等运算符来进行数值的计算,例如:@width: 100px;4、继承和实现 在 Less 中,通过 extend 关键字来扩展样式,而 SCSS 使用 @extend 关键字来实现样式的扩展。但是,在Less中,导入的文件必须是以.less为后缀名的文件,而在SCSS中,导入的文件可以是以.scss或者.sass为后缀名的文件。5、注释:在Less中,注释使用//或者/* /的方式,而在SCSS中,注释只能使用/ */的方式。_scss和less区别
2024-05-13 11:05:31
473
626
被数百万开发人员公认并使用的好玩意如果你都不知道那真是太可惜了!_fontawesome
2024-05-07 13:05:16
167
157
这里记录下自己在Vue3 vite的项目使用less来写样式以及使用vite-plugin-vue-setup-extend直接定义组件name,不使用ts语法,方便以后直接使用。_vite-plugin-vue-setup-extend
2024-04-29 12:04:38
599
331
搭建初始化的商城H5项目框架。初始化阶段使用的技术栈有:vue3.2、vue-router、TS 、 Pinia 、 Vant4、Less、vite_vue h5框架
2024-04-29 12:04:29
977
51
alternate-reverse 播放动画时,奇数次(1、3、5 等)反向播放,偶数次(2、4、6 等)正常播放。animation: animation:动画名称 动画时长 速度曲线 延迟时间 重复次数 动画方向 执行完毕时状态;alternate 播放动画时,奇数次(1、3、5 等)正常播放,偶数次(2、4、6 等)反向播放。动画属性:animation:动画名称 动画时长 速度曲线 延迟时间 重复次数 动画方向 执行完毕时状态;steps(3):分3步完成(配合精灵图完成精灵动画)
2024-04-29 12:04:52
588
883
Less是一门CSS的扩展语言,也叫CSS预处理器。在CSS现有的语法基础之上,给CSS加上了程序式语言的特性,引入了变量/函数/运算等功能,降低了CSS的维护成本_css less 定义变量
2024-04-20 17:04:05
212
701
这篇文章时基于 作者: theMuseCatcher 写的 Vue3倒计时组件(Countdown) 进行改写的.因为在使用的过程中发现原作者的组件存在以下问题:1.不能主动停止倒计时.2.在倒计时countdown赋值为0的时候,还会在次执行一次渲染方法,导致出现00:0-1的情况3.在countdown再次赋值后不能主动监听值变化进行渲染所以我改写了部分代码逻辑实现了以上的问题组件使用如果要主动停止倒计时,对组件的props.isStop设置为true进行了,恢复计时设置为false_vue3-flip-countdown-timer文档
2024-04-13 23:04:32
441
194
以前在网页切图的时候,会觉得css如果能有变量 逻辑这些 会很方便,它来了,less.js插件可以使得css有类似变量的语法,它不是很新的技术,习惯用它的人会觉得很好用,而且它可以直接像jquery一样直接在网页上引用,也可以体验,不过仅仅适合体验,这种直接引用的方式不适合正式情况下用,因为页面js会有一个执行的时间,所以看起来会不流畅,可以在环境下开发,然后编译出来。当网页加载时,Less.js会将styles.less文件编译为CSS,并将其替换为标签的href属性中的CSS文件。_html中如何引入less文件
2024-04-07 08:04:10
77
823
在CSS3新特性中有一个属性resize可。指定一个 div 元素,允许用户调整大小。_antd model 拖拽改变大小
2024-03-20 11:03:08
288
700
CSS 预处理器是一种将预先定义的语法和功能添加到 CSS 中的工具。它们允许开发人员使用变量、嵌套规则、混合、继承等功能,以更高效和可维护的方式编写样式表。CSS 预处理器的作用包括:变量和计算:预处理器允许开发人员使用变量来存储颜色、字体、尺寸等值,以便在整个样式表中进行统一的修改。预处理器还支持数学计算,可以进行简单的加减乘除操作,提高了样式表的灵活性和可维护性。预处理器允许开发人员在样式表中使用嵌套规则,以更清晰地表示元素之间的层次关系。这减少了选择器的重复书写,并提高了代码的可读性。_lang css asss的区别
2024-03-04 10:03:17
920
370
本小节包括Less的安装,可能会遇到的问题,安装后的初步验证;axios的安装,初步使用,以及基于内聚性和耦合性做一些封装以及功能拆解;ElementUI的安装,验证等等_基于vue less axios封装 elementui
2024-02-29 12:02:49
481
264
直接导出,会报以下错误。_customize-cra配置css additionaldata
2024-01-31 12:01:37
904
150
前端实现动态切换主题色-使用 css/less 动态更换主题颜色(换肤功能)或通过单击更改背景颜色CSS中原生变量“--”和var()使用纯CSS控件切换主题颜色或通过单击更改背景颜色,_css背景颜色切换
2024-02-01 12:02:37
767
942
uniapp 使用leaflet加载天地图 app端_uniapp leaflet
2024-02-01 12:02:49
294
219
padding-left: 左内边距 padding-right: 右内边距 padding-top: 上内边距 padding-bottom: 下内边距。nth-of-type: nth-of-type会把指定元素盒子排列序号,执行的时候首先看div指定的元素,之后回去看 nth-of-type(1)border-top: 上边框 border-bottom: 下边框 border-left: 左边框 border-right: 右边框。
2024-01-26 10:01:53
698
9
less(css预处理语言)Less 是一门 CSS 预处理语言,它扩充了 CSS 语言,增加了诸如变量、混合(mixin)、函数等功能,让 CSS 更易维护、方便制作主题、扩充。_css less
热门排行