scss

冲!!1 天前
前端·css·scss
SCSS 中的Mixins 和 Includes,%是什么意思SCSS 中的 @mixin 指令允许定义可以在整个样式表中重复使用的样式,而 @include 指令用于将这些混入(mixin)引入到文档中。
BillKu2 天前
css·less·sass·scss
vue3 样式 css、less、scss、sass 的说明原生CSS:浏览器原生支持,无需额外处理缺少编程特性(变量、嵌套、混合等)Less:使用JavaScript实现
IT古董2 天前
vue.js·ui·scss
Vue + Vite + Element UI 实现动态主题切换:基于 :root + SCSS 变量的最佳实践在实际项目开发中,我们经常会遇到这样的需求:全局统一管理主题色,并且希望能 动态切换主题色(比如黑暗模式 / 品牌色切换)。
@八度余温3 天前
less·sass·scss
预处理器Sass/Scss、Less 的区别,项目中写法在 Vue 项目中,Sass/Scss 和 Less 均为常用的 CSS 预处理器,核心作用是通过「变量、嵌套、混合、函数」等特性简化 CSS 编写、提升可维护性,但二者在语法设计、生态支持、功能细节上存在差异,以下从 核心区别 和 Vue 项目中的具体写法 两方面详细说明:
lyq3155 天前
css·scss
Sass 常用语法记录总结下sass在开发过程中常用的语法作用:存储复用值(颜色、字体、尺寸等),便于统一修改。 语法:使用 $ 定义变量,支持全局 / 局部作用域。
jason_yang6 天前
css·scss
基于BEM规范实现ElementPlus组件BEM (Block Element Modifier) 是一种前端 CSS 类名命名方法论,由俄罗斯 Yandex 团队提出。它通过特定的命名规则来组织代码,提高代码的可维护性和可复用性。
吴传逞8 天前
微信小程序·uni-app·scss
记一次uniapp微信小程序开发scss变量失效的问题如图所示,这是解决问题后的效果图,没解决之前红框框里面的这个搜索组件背景是白色的,这个组件使用的是京东nutui-uniapp的nut-searchbar,类名为nut-searchbar,在类下面定义了nut-searchbar背景颜色变量为橙色,浏览器上显示没问题,但微信小程序上显示依然为白色,原因是因为微信小程序样式穿透有所不同,加上穿透就好了(::v-deep)
TE-茶叶蛋10 天前
前端·css·scss
scss 转为原子css unocss记录让c4 从scss 转为 原子css unocss保留语义化的 SCSS 类名,内部使用 @apply 指令应用 UnoCSS:
libraG19 天前
css·vue.js·scss
vue样式问题全局子组件,引入到页面中,页面中关于子组件样式的重写不生效的问题,比如全局头部组件src/components/HHeader.vue,然后在登录页login.vue中引入了这个头部组件
你挚爱的强哥20 天前
前端·css·scss
SCSS上传图片占位区域样式
路灯下的光23 天前
前端·css·scss
用scss设计一下系统主题有什么方案吗在了解方案前,我们多多少少应该见过这样类型的样式--primary-color,这个是什么东东?其实它就是一个css变量,也可叫css自定义属性,它是一种css规范,它一般定义在样式类里,如下
狂炫一碗大米饭24 天前
css·scss
每个前端开发人员都应该知道的 6 大 CSS 框架作为前端最烦恼的莫过于css了,它“看似简单、结果复杂”,还牵扯到 浏览器机制、全局作用域、兼容性、可维护性 等等。而且UI库和框架实在太多了。你会选择Tailwind CSS、MUI、Bootstrap、SCSS,还是原生 CSS?
Robbie丨Yang1 个月前
前端·css·scss
【CSS】动态修改浏览器滚动条宽度在线效果演示欢迎 Star 👏🏻 github 地址⚠️ 注意:width 和 height 实际只有一个维度起作用,另一个是冗余的。
胡西风_foxww1 个月前
css·nuxt·scss·sass-loader·node-sass·style-resources
如何在nuxt项目中使用scss在Nuxt.js中使用SCSS非常方便,无论是Nuxt 2还是Nuxt 3都有良好的支持。以下是详细的配置和使用方法:
天下无贼!1 个月前
前端·javascript·vue.js·ui·架构·scss
【自制组件库】从零到一实现属于自己的 Vue3 组件库!!!项目准备:node >=19、pnpm >=8介绍:初始化UI组件库是为了更好的管理文件模块的目录结构,区分不同文件模块的功能。
禾苗种树2 个月前
css·ui·uni-app·scss
uniapp使用uni-ui怎么修改默认的css样式比如多选框及样式覆盖小程序/安卓/ios兼容问题在 uniapp 中使用 uni-ui 的 uni-data-checkbox 组件时,可以通过以下几种方式修改其默认样式:
知否技术2 个月前
前端·scss
前端常说的 SCSS是个啥玩意?一篇文章给你讲的明明白白!我们在使用脚手架 Vue cli 或者 Vite 创建 Vue 项目的时候,会发现在 css 样式标签那里有一个 lang="scss" 的属性,那 scss 是什么玩意?
666HZ6662 个月前
微信小程序·小程序·scss
微信小程序中scss、ts、wxml它的功能类似于 HTML,主要用于搭建页面的结构。借助各种组件标签,像 <view>、<text>、<button> 等,就能构建出小程序的界面。并且,它还支持数据绑定、条件渲染以及列表渲染等功能。
Hilaku3 个月前
前端·css·scss
Tailwind 到底是设计师喜欢,还是开发者在硬撑?我们最近刚把一个后台系统从 element-plus 切成了完全自研组件,CSS 层统一用 Tailwind。全员同意设计稿一致性提升了,但代码里怨言开始冒出来。
程序猿阿伟3 个月前
前端·html·scss
《解码SCSS:悬浮与点击效果的高阶塑造法则》悬浮与点击效果,看似简单,实则蕴含着深刻的交互设计原理。悬浮效果,就像是在用户与页面元素之间建立起一种微妙的对话。当用户的鼠标轻轻滑过元素,仿佛是在敲响一扇神秘之门,元素以色彩变幻、大小缩放、透明度调整等方式做出回应,吸引用户的注意力,引导其进一步探索。点击效果,则是这场对话的高潮,它确认用户的操作,给予明确的反馈,让用户感受到自己的行为得到了认可和回应。这种交互过程,不仅提升了用户体验,更增强了用户对页面的掌控感和参与感。想象一下,你在浏览一个电商网站,当鼠标悬停在商品图片上时,图片微微放大,同时浮现出