SCSS 第7页

关于sass记事

出现问题场景：vue运行项目过程中报错image.png我安装的是7.X版本，安装的scss-loader版本太高，卸载安装低版本即可npmuninstall--savesass-loader//卸载npmi-Dsass-loader

哩哩哩_0033·2023-12-25 14:52

vue 安装node-sass 报错 this.getResolve is not a function

image.png装node-scss报错在搭建vue脚手架或者是在vue项目中，想使用sass的功能，npminstallnode-sass--save-dev//安装node-sassnpminstallsass-loader

冷r·2023-12-25 07:42

微信小程序~如何设置页面的背景色

微信小程序~如何设置页面的背景色众所周知，微信小程序每个页面由.json，.scss，.ts，.wxml这四个文件组成。

茶一蛊·2023-12-24 10:13

node-scss安装失败解决方案，不一样的解决思路！

不秃头的前端·2023-12-24 07:52

若依管理系统修改背景色

在index.scss中又引入了sidebar.scss等文件。

zbailing·2023-12-23 21:08

CSS之导航栏

小序凡所经历，皆为过往但终会在记忆和时光中留痕今天接着上面谈谈CSSCSS除了简单的文字背景样式外，还有着多样的格式本篇文章笔者将谈一谈导航栏今天这篇会涉及HTML和VUE哦~~~目录小序正文HTML垂直导航栏水平导航栏

fancymeng·2023-12-23 17:51

HTML5+CSS3基础

基本结构标签第一个HTML网页开发工具DOCTYPE和lang以及charset字符集的作用HTML常用标签标题标签段落标签与换行标签文本格式化标签div和span标签超链接注释与特殊字符表格标签列表标签表单CSSCSS

blink555·2023-12-23 10:44

CSS(网站开发)自学笔记

css.mdCSS简介CSSisthelanguageweusetostyleanHTMLdocument.CSSdescribeshowHTMLelementsshouldbedisplayed.WhatisCSS

Mike峰·2023-12-23 08:59

angular学习笔记：2-1项目工程结构介绍-总结

命令：创建项目：ngnewtaskmgr-si--style=scss注解：taskmgr：项目名-si：全写为：--skip-install(简写为：-si)安装依赖：cnpminstall创建模块：

啦啦啦晨啦啦·2023-12-23 06:47

sass 学习笔记

geminstallsass安装Compass:sudogeminstallcompass创建工程使用Sass创建:随便创建个文件夹就是使用sass创建了个工程使用Compass创建:compasscreate使用命令行编译Scss

道路上·2023-12-22 20:07

常见mime头记录

text/htmlhtmlhtmshtml;text/csscss;text/xmlxml;image/gifgif;image/jpegjpegjpg;application/x-javascriptjs

向阳-Y.·2023-12-22 05:23

【HTML&CSS】常见元素及样式汇总

HTML与CSSCSS引入方式行内样式：写在标签的style属性中（不推荐）中国新闻网内嵌样式：写在标签中（可以写在页面任何位置，但通常约定写在标签中）h1{xxx:xxxxxx:xxx}元素选择器元素名称

软工怎么这么难·2023-12-22 03:29

Vue cli3.x在vue.config.js中全局配置stylus向预处理器 Loader 传递选项

向预处理器Loader传递选项//vue.config.jsmodule.exports={css:{loaderOptions:{stylus:{//http://lesscss.org/usage/

全球顶尖伪极客·2023-12-22 02:57

vue 响应式页面使用transform实现

但是希望页面缩放后尽量保持原样，所以使用了两套UI，1920和1024,根据页面缩放监听resize动态添加类名进行实现的响应式，因此封装了scss函数在utils下新建resize.js//屏幕按比例缩放

皮卡丘-杰尼龟·2023-12-22 00:21

若依（前后端分离版）如何去掉左边的侧栏以及顶栏

1.隐藏左侧及顶侧导航栏内容找到src/layout/index.vue文件，注释如下内容：2.设置左侧导航栏宽度找到src/asserts/style/variables.scss，调整$base-sidebar-width

ljw@lq·2023-12-21 20:27

35 在Vue3中如何通过SCSS编写样式

概述在Vue3中通过SCSS编写样式并不难，这节课我们来简单的学习一下。

Python私教·2023-12-21 13:48

CSS基础

2.5.属性选择器2.6.伪类选择器3.选择器声明3.1.集体声明3.2.全局声明3.3.派生类选择器4.CSS定义与引用4.1.内联样式表4.2.内部样式表4.3.外部样式表5.CSS继承与层叠CSSCSS

duration～·2023-12-21 10:05

Sass的入门安装和基本使用

生成良好格式化的CSS代码，易于组织和维护，Sass文件后缀为.Scss。一、Sass安装NPM安装1.1我们可以使用npm来安装Sass，这是最常用的安装方式。

ql5307·2023-12-21 05:32

Vue 应用 Sass、Scss、Less 和 Stylus

Vue项目中应用预处理器，可以有效减少css代码量，推荐使用Sass、Scss、Less预处理器。在创建项目的时候可以选择预处理器(Sass/Less/Stylus)。

Linux小百科·2023-12-21 01:26

vue中css预处理器scss的使用

scss和sass都是css的预处理器语言，sass的3.0以后的版本就叫做scss2.vue中sass安装指定安装版本，防止默认安装最新版本报错npminstallsass-loader

lightoneone·2023-12-21 01:55

less和css的区别/less和scss的区别

2、less和scssSass和Less都属于CSS预处理器,其基本思想是，用一种专门的编程语言，进行Web页面样式设计，再通过编译器转化为正常的

奋斗吧程序媛·2023-12-21 01:55

vue-cli3+ 搭建pc端管理项目（三, css预处理器scss使用）

目前常见的css预处理器有三种：less，scss(sass升级版)，stylus。

Smile.ls·2023-12-21 01:25

vue基础（一）css sass scss less

前端一提起样式，我们不约而同的都会想到css样式，它是页面设计中最基础的样式语言，但除了css外，还有一些其它的样式语言，比如vuestyle声明中常用的scss等。

Interest1_wyt·2023-12-21 01:24

Vue.js 学习总结（6）—— Css 之预处理器 Sass(Scss)、Less 的区别与选择

前言Sass(Scss)、Less都是CSS预处理器，他们定义了一种新的语言，其基本思想是，用一种专门的编程语言为CSS增加了一些编程的特性，将CSS作为目标生成文件，然后开发者就只要使用这种语言进行CSS

科技D人生·2023-12-21 00:54

手写实现scss嵌套语法模板解析

最近在使用scss的时候，我在思考scss的语法解析规则，尤其嵌套语法如何编译成常规的css，我就本着好奇去百度了一下，结果没有任何这方面的算法资料，那好吧，我就发挥脑洞，简单思考一下如何手写一个scss

niuchunlei·2023-12-20 22:12

uni-app的初使用（附源码学习）

以及ts、scss等css预编译器。

Chemo辰陌·2023-12-19 20:47

Nginx 解决做反向代理时静态资源图片、 js、css 访问不到

Nginx解决做反向代理时静态资源图片、js、css访问不到#反向代理location/{proxy_passhttp://localhost:9001;}#解决jscss访问不到的问题location

丁丁丁梦涛·2023-12-19 11:06

CSS基本简介以及引入方式

标签（空格分隔）：CSSCSS简介CSS指层叠样式表(CascadingStyleSheets)CSS通常称为CSS样式表或层叠样式表（级联样式表），主要用于设置HTML页面中的文本内容（字体、大小、对齐方式等

lvyweb·2023-12-19 02:37

SASS

定制SCSSboot重点手写响应式+栅格布局+SCSS1.CSS有一些缺点语法不够强大，没有变量和合理的代码复用机制，导致代码难以维护我们要使用动态样式语言，赋予css新的特性，提高代码的可维护性常见的动态样式语言

悦动燃爆·2023-12-19 02:43

React项目中手写圆形checkbox

antd的也可以，只需要覆盖原有样式即可，但是当屏幕变大的时候，勾选框的大小是固定的，同时，阿里的勾选框样式有用到js函数，还是比较麻烦的，所以思来想去还是决定自己手写二、代码react开发环境下，使用的是scss

Welkin_qing·2023-12-18 22:59

1-4 评论案例

/App.scss";importavatarfrom".

A9~·2023-12-18 04:22

1-5 组件通讯

/App.scss";constApp=()=>{const[value,setValue]=useState("");const[checked,setChecked]=useState(false)

A9~·2023-12-18 04:22

css/less/scss代码注意事项

一.命名1.类名使用小写字母，以中划线分割;id使用驼峰式命名;2.less/scss中的函数、混合采用驼峰命名;3.class的命名不要使用标签名,如.p.div.img;二.选择器尽量使用直接子选择器

whatever who cares·2023-12-18 02:19

vue3中修改element plus 主题色

vue3中修改elementplus主题色,有两种方式一、使用:root方式设置变量进行覆盖1.1文件夹styles下新建一个element-variarbles.scss文件:root{–el-color-primary

先知-旭日东升·2023-12-17 16:54

10 在Vue3中使用SCSS编写样式

概述WhenusingVuecomponents,theVitecompilerallowsyoutousealmostanyfrontendtemplatinglanguagestyle.TheeasiestwaytoenabletheseexpressivelibrarypluginsinyourVuetemplatesistoinstallthemwhenyouinitializeyourp

Python私教·2023-12-17 14:21

mapbox修改样式

控件故而会涉及到样式修改，以适配系统主题先决条件必须要安装mapbox-gl，申请access_tokenyarnaddmapbox-gl//ornpminstallmapbox-gl修改样式新建一个_mapbox-gl.scss

边中之城·2023-12-17 13:41

vue中如何使用props变量作为scss值

template如下：style追加svg-icon-online样式类：.svg-icon-online{background-color:currentColor;mask-image:var(--svg-icon-url);-webkit-mask-image:var(--svg-icon-url);mask-size:cover;-webkit-mask-size:cover;displa

草莓不爱吃白菜·2023-12-17 11:01

uniapp编译微信小程序拖动排序

本文若对你有用,给个免费Star和关注,持续输出前端各种稀奇古怪的问题所实现的效果如图拖动.gif代码如下,注释齐全本段代码用到scss{{item.name}}{{movableViewInfo.data

梦千诺·2023-12-17 07:33

什么是Scss

于是，后来官方在2010年推出了一个全新的语法，叫做SCSS,意思是SassyCSS.这个语法带

@小倪同学·2023-12-17 01:43

Scss和less预处理器的使用对比

变量(Variables)scss变量标识符是：$$primary-color:red;div{background:$primary-color;}less变量标识符：@@primary-color:

whatever who cares·2023-12-16 21:40

CSS进阶知识点--Transform坐标系统与CSS矩阵及扩展

Transform与坐标系统transform-origin属性允许你更改转换元素的位置语法transform-origin:x-axisy-axisz-axisCSS3矩阵CSS3中的矩阵指的是一个方法

梦幽辰·2023-12-15 21:24

vue3 element plus 更换主题颜色

实测有效1.src下新建文件styles/element/index.scss//styles/element/index.scss/*只需要重写你需要的即可*/@forward'element-plus

yi碗吃不够·2023-12-15 17:43

Vue项目切换主题颜色（mixin + scss)

Vue项目切换主题颜色（mixin+scss)一、引入scss依赖（node-sass,sass-loader,sass-resources-loader,style-resources-loader等

皮卡丘-杰尼龟·2023-12-15 10:07

Vue+scss实现全局字体大小切换

一、引入scss依赖npminstallnode-sasssass-loadersass-resources-loader--save-dev二、项目样式引入创建mixin.scss$font-size

皮卡丘-杰尼龟·2023-12-15 10:20

从0开始认识uniapp

-uniapp在官网上面介绍的很详细，从搭建到使用，本篇文章是基于官网，在结合自身的进行的一个大致的总结，是一些在一个项目中必然会用到的知识点，相对于官网更加简单主要是-uniap的介绍，创建，配置，scss

哆来A梦没有口袋·2023-12-15 10:07

扩展/继承

如下所示：//SCSS.btn{border:1pxsolid#ccc;padding:6px10px;font-size:14px;}.btn-primary{background-color:#f36

Lia代码猪崽·2023-12-15 10:47

【CSS 渐变Gradient详解】线性渐变、径向渐变、锥形渐变及重复渐变

/docs/Web/CSS/gradienthttps://developer.mozilla.org/zh-CN/docs/Web/CSS/CSS_images/Using_CSS_gradientsCSS

起伏羊·2023-12-15 06:50

react 后台管理系统路由配置左边菜单栏

创建项目安装依赖包npminstallsasssass-loaderreact-router-domant清空无用文件新建项目工程文件夹在styles/reset.scss重置样式并在index.scss

烧脑的小白·2023-12-15 03:38

vue-admin-element项目分析与难题解决

移植vue-admin-element到普通的项目中遇到的问题这个是将layout目录移植过来将styles中的scss移植过来将项目中的store移植过来src目录中的setting和permission

kilito_01·2023-12-15 00:20

vue+vuetify v-text-field 组件的用scss高度改不掉

自存用它的嵌套语法不ok.a{.b{.v-slot-input{min-height:32px}}}复制粘贴控制台ok::v-deep.v-text-field--outlined.v-input--dense.v-text-field--outlined>.v-input__control>.v-input__slot{min-height:32px;}

2301_78916954·2023-12-14 21:41

推荐频道

SCSS