scss

song854601134几秒前
scss
element ui中的scss语法理解摘录至首先来看一个bem命名示例如果使用已经封装好的bem方法的话,那么可以写成接下来我们来看一下bem方法是如何实现的
song8546011343 小时前
scss
scss学习总结摘录更改至研究 Element-plus 源码时,有以下一段代码:有关 b 的理解,以及 @include 的作用
程序视点4 天前
前端·css·scss
30个CSS碎片拼出动物动态图--这不仅仅是皮囊!大家好,欢迎来到程序视点!今天将给大家分享一部由CSS技术实现的作品。它将再一次证明CSS的强大力量。
瑞雨溪4 天前
前端·css·scss
怎么在vite项目中全局导入一个scss文件🎉🎉🎉欢迎来到我的博客,我是一名自学了2年半前端的大一学生,熟悉的技术是JavaScript与Vue.目前正在往全栈方向前进, 如果我的博客给您带来了帮助欢迎您关注我,我将会持续不断的更新文章!!!🙏🙏🙏
爱前端的小菜鸡4 天前
前端·uni-app·scss
uniapp + vite中 uni.scss 使用 /deep/ 不生效(踩坑记录三)
奶昔不会射手13 天前
前端·css·scss
vite中使用scss技巧1.普通用法2.传递参数,参数后面的值为默认值3.类似于vue插槽用法上面的混入不可能每个文件都写一份吧,而且你直接在main.ts文件引入一个scss文件,是没法使用里面的混合器以及变量的,必须在vite里面配置
小行星12516 天前
前端·javascript·vue.js·edge·uni-app·less·scss
在ie edge 浏览器中,uni-easyinput 组件类型为password时,出现两个小眼睛图标问题描述: 在ie edge 浏览器中,uni-easyinput 组件类型为password时,出现两个小眼睛图标,此为官方组件已存在的bug
codedadi22 天前
scss
scss是什么安装使⽤的步骤当谈到SCSS时,我们首先需要了解它是什么。SCSS,也称为Sassy CSS,是Sass(Syntactically Awesome Stylesheets)的一种语法,它是CSS的预处理器,允许你使用变量、嵌套规则、混合(mixin)等功能,使CSS编写更加简洁、清晰和可维护。
CCC111525 天前
javascript·css·vue.js·uni-app·vue·html5·scss
【uni-app】JS动态修改scss样式变量需求: 1、 当H5嵌入到APP时,使用H5自身的头部,需要兼容手机自带的navbar高度,因此在嵌入APP时,需要固定H5 navbar距离手机自带头部高度:$uni-head:44px; 而paging-head-top是由于z-paging定位导致会覆盖或高度不适配当前navbar,所以设置88px。
光明编码使者25 天前
前端·rust·scss
【SCSS】use的详细使用规则从其他 Sass 样式表中加载 mixins、函数和变量,并将来自多个样式表的 CSS 组合在一起。@use加载的样式表被称为“模块”。
好奇的菜鸟1 个月前
前端·css·scss
SCSS中的结构化伪类选择器详解与示例SCSS,作为Sass的一种语法版本,是一种强大的CSS预处理器,它引入了许多便利的功能来增强CSS的编写能力。其中,:nth-child, :only-child, :first-child, :last-child, 和 :nth-last-child 是CSS选择器中的结构化伪类,它们允许开发者根据元素在父元素中的位置来精确地选择并应用样式。下面,我们将详细探讨这些选择器的用法,并通过具体示例来说明它们之间的区别。
CCC11151 个月前
javascript·css·vue.js·正则表达式·uni-app·css3·scss
【uni-app】开发问题汇总APP和小程序不支持调用任何小程序和app的逻辑层都不支持浏览器专用的window、dom等API,如需获取dom进行操作,APP和小程序可以使用uni.createSelectorQuery 获取对应dom信息:获取方式跟jQuery差不多。
天下布武81 个月前
前端·css·scss
前端工程化工具系列(三)—— Stylelint(v16.6.1):CSS/SCSS 代码质量工具Stylelint 是 CSS/SCSS 的静态分析工具,用于检查其中的违规和错误。v16 以上的 Stylelint,支持 Node.js 的版本为 v18.12.0+。 在命令行工具中输入以下内容后回车,来查看当前系统中 Node.js 的版本。
HaushoLin1 个月前
前端·vue.js·性能优化·typescript·html5·scss
vue3+vant4 二次封装IndexBar城市列表组件以及性能优化二次封装城市列表以及对静态资源的引入做异步引入优化。 版本号: vue3.3 + vant4城市列表 city.json 永久网盘链接 链接:https://pan.baidu.com/s/10E-b441-4P7mjvomlJhm0g 提取码:m92c
你挚爱的强哥1 个月前
前端·css·scss
【推荐】用scss循环zoom缩放比例,解决可视化大屏在不同分辨率屏幕下的适配问题指定几种常规屏幕宽度(用这种方式就必须要强制用户全屏查看页面,在固定的宽度下才能达到比较不错的显示效果)
鸣弦artha1 个月前
前端·css·前端框架·html·css3·html5·scss
css特殊效果和页面布局四个属性值按顺时针排列,左上的1/4圆半径为20px,右上10,右下50,左下30。div{border-radius: 20px;} 四角都为20px。
_Rookie._1 个月前
css·sass·scss
css - sass or scss ?总的来说,Sass 和 SCSS 提供的功能是一样的,选择哪种语法主要取决于你的个人或团队的偏好。
Kimi-学长1 个月前
scss
SCSS入门指南:基本语法与高效用法关于SCSS(Sassy CSS)基本使用的文章概述:### 1. SCSS简介* SCSS是一种CSS的扩展语言,它允许开发者使用更强大、更灵活的语法来编写样式表。* SCSS提供了变量、嵌套规则、混合宏等高级功能,使得CSS代码更加模块化和可维护。* SCSS最终被编译成标准的CSS文件,以供浏览器解析。### 2. 安装和设置* 首先,需要在你的开发环境中安装Sass编译器。这可以通过命令行工具(如Node.js的npm或RubyGems)来完成。* 安装完成后,你可以创建一个SCSS文件(例如`s
runqu1 个月前
前端·css·学习·scss
SCSS基本使用SCSS(Sassy CSS)是一种CSS预处理器,它扩展了CSS语法,加入了变量、嵌套规则、混合、继承等功能,使CSS代码更加简洁、模块化和可维护。