技术栈
scss
禾苗种树
2 天前
css
·
ui
·
uni-app
·
scss
uniapp使用uni-ui怎么修改默认的css样式比如多选框及样式覆盖小程序/安卓/ios兼容问题
在 uniapp 中使用 uni-ui 的 uni-data-checkbox 组件时,可以通过以下几种方式修改其默认样式:
知否技术
19 天前
前端
·
scss
前端常说的 SCSS是个啥玩意?一篇文章给你讲的明明白白!
我们在使用脚手架 Vue cli 或者 Vite 创建 Vue 项目的时候,会发现在 css 样式标签那里有一个 lang="scss" 的属性,那 scss 是什么玩意?
666HZ666
21 天前
微信小程序
·
小程序
·
scss
微信小程序中scss、ts、wxml
它的功能类似于 HTML,主要用于搭建页面的结构。借助各种组件标签,像 <view>、<text>、<button> 等,就能构建出小程序的界面。并且,它还支持数据绑定、条件渲染以及列表渲染等功能。
Hilaku
1 个月前
前端
·
css
·
scss
Tailwind 到底是设计师喜欢,还是开发者在硬撑?
我们最近刚把一个后台系统从 element-plus 切成了完全自研组件,CSS 层统一用 Tailwind。全员同意设计稿一致性提升了,但代码里怨言开始冒出来。
程序猿阿伟
1 个月前
前端
·
html
·
scss
《解码SCSS:悬浮与点击效果的高阶塑造法则》
悬浮与点击效果,看似简单,实则蕴含着深刻的交互设计原理。悬浮效果,就像是在用户与页面元素之间建立起一种微妙的对话。当用户的鼠标轻轻滑过元素,仿佛是在敲响一扇神秘之门,元素以色彩变幻、大小缩放、透明度调整等方式做出回应,吸引用户的注意力,引导其进一步探索。点击效果,则是这场对话的高潮,它确认用户的操作,给予明确的反馈,让用户感受到自己的行为得到了认可和回应。这种交互过程,不仅提升了用户体验,更增强了用户对页面的掌控感和参与感。想象一下,你在浏览一个电商网站,当鼠标悬停在商品图片上时,图片微微放大,同时浮现出
程序猿阿伟
1 个月前
前端
·
scss
·
gulp
《Gulp与SCSS:解构前端样式开发的底层逻辑与实战智慧》
探寻Gulp与SCSS协作的底层逻辑Gulp,作为任务自动化的佼佼者,其核心价值在于将一系列复杂的任务,如文件的编译、合并、压缩等,以一种流畅且高效的方式串联起来,形成一个自动化的工作流。它基于流(stream)的概念,就像是一条无形的生产线,让文件在不同的处理环节中高效流转,极大地提升了开发效率。而SCSS,作为CSS的超集,赋予了样式表编程式的能力。变量、嵌套、混合宏等特性,就像是为样式开发注入了鲜活的生命力,让我们可以像编写程序一样去组织和管理样式,极大地提高了代码的可维护性和复用性。
@一枝梅
2 个月前
javascript
·
rust
·
vue
·
scss
vue3 vite.config.js 引入bem.scss文件报错
[sass] Can’t find stylesheet to import. ╷ 1 │ @use “@/bem.scss” as *; │ ^^^^^^^^^^^^^^^^^^^^^^ ╵ src\App.vue 1:1 root stylesheet
BillKu
2 个月前
前端
·
sass
·
scss
scss(sass)中 & 的使用说明
在 SCSS(Sass)中,& 符号是一个父选择器引用,它代表当前嵌套规则的外层选择器。主要用途如下:
天天码行空
2 个月前
前端
·
javascript
·
scss
stylus - 新生代CSS预处理框架
Stylus 是一种 CSS 预处理器,它扩展了 CSS 的功能,使得编写样式变得更简洁和高效。Stylus 允许使用嵌套、变量、混入等编程功能,这些功能可以极大地提高开发效率和代码的可维护性。
Linsk
2 个月前
css
·
scss
·
前端工程化
深入解析 Sass 的 `~` 路径问题:为什么你的导入会失败?
你以为这是标准语法?真相可能会让你惊讶——Sass 官方编译器从不支持波浪符 ~ 开头的路径解析!这个看似普遍的语法实质是前端工具链的"民间约定" ,其诞生背景值得深究:
HCl+NaOH=NaCl+H_2O
2 个月前
css
·
sass
·
scss
CSS、SCSS 和 SASS 的语法差异
SASS (缩进语法)SCSSSCSS 成为标准:大多数项目使用 .scssSASS 语法仍有少量使用:主要在 Ruby 社区
halo1416
3 个月前
javascript
·
vue3
·
scss
vue中scss使用js的变量
在项目开发中,很多时候会涉及到scss样式变量,正常定义方式 $primary-color: rgb(188, 0, 194);;使用时直接使用即可:color: $primary-color。但是,如果,这些变量是在js中定义的怎么办
梦想与想象-广州大智汇
3 个月前
html
·
sass
·
scss
普通 html 项目也可以支持 scss_sass
自动监听编译scss用于 web 服务器,打开 html 文件到浏览器,也可以不用这个,自己用 nginx 或者宝塔其他 web 工具
不懂英语的程序猿
3 个月前
前端
·
less
·
sass
·
scss
【UniApp】Vue2 scss 预编译器默认已由 node-sass 更换为 dart-sass
从 HBuilderX 4.56+ ,vue2 项目也将默认使用 dart-sass 预编译器。vue2开发者sass预处理注意:
橘子味的冰淇淋~
3 个月前
前端
·
vue
·
scss
解决 vite.config.ts 引入scss 预处理报错
版本号:vite.config.ts 开始文件错误修改之后:完美解决报错(不过我还没搞懂为什么一定要使用src别名???)
旧识君
4 个月前
开发语言
·
前端
·
javascript
·
前端框架
·
less
·
sass
·
scss
移动端1px终极解决方案:Sass混合宏工程化实践
个人开发的塔罗牌占卜小程序:【问问塔罗牌】 快来瞧瞧吧!在Retina屏幕(dpr≥2)环境下:设备像素比(DPR) = 物理像素 / CSS像素
coding随想
4 个月前
前端
·
node.js
·
sass
·
scss
scss报错Sass @import rules are deprecated and will be removed in Dart Sass 3.0.0
问题描述近期,在使用 Vue.js 项目时,由于安装了较高版本的 sass 和 sass-loader,遇到了如下警告信息:
thinkQuadratic
4 个月前
前端
·
css
·
scss
scss预处理器对比css的优点以及基本的使用
本文主要在vue中演示,scss的基本使用。安装命令SCSS 支持变量,可将常用的值(如颜色、字体大小、间距等)定义为变量,方便重复使用和统一修改。
LinDaiuuj
4 个月前
前端
·
css
·
scss
scss基础用法
SCSS(Sassy CSS)是Sass的增强版本,作为CSS的预处理器,它提供了多种功能来提高代码的可维护性和效率。以下是SCSS的基础用法:
活宝小娜
4 个月前
vue.js
·
typescript
·
scss
在Vue 3 + TypeScript + Vite 项目中安装和使用 SCSS
在Vue 3 + TypeScript + Vite 项目中安装和使用 SCSS对于 Vue 3,Vite 已经内置了对 SCSS 的支持,通常不需要额外的配置。但是,如果需要自定义配置,可以在路径/src/styles/variables.scss新建文件,然后在 vite.config.ts 文件中添加或修改配置