SCSS 第9页

vue中el-select下拉框文字过长时，导致dropdown溢出问题，加入横向滑动条

所以组件库提供了popper-classCss：.select-dropdown{max-width:100%;}.select-dropdown.el-select-dropdown__item{overflow

木爻木Y·2023-11-28 18:38

Nova for Mac(强大的代码编辑器)

API和内置的扩展浏览器，因此非常易于扩展，而且已内置支持CoffeeScript，CSS，Diff，ERB，Haml，HTML，INI，JavaScript，PHP，Python，Ruby，Sass，SCSS

宠虫宠虫·2023-11-28 15:22

scss或者sass的使用方法 css

项目构建的基本css--消除(html默认样式在不同浏览器的差异性)--抽取常用css模块进行使用body,h1,h2,h3,h4,h5,h6,hr,p,blockquote,/*structuralelements结构元素*/dl,dt,dd,ul,ol,li,/*listelements列表元素*/pre,/*textformattingelements文本格式元素*/fieldset,len

web修理工·2023-11-28 13:17

css实现鼠标移入背景图片变灰并浮现文字的效果

首先上效果图说明一下我的html结构如上图是一个div包裹的img标签,div的块大小width,height自己定义,我说明一下核心样式代码下面写法是scss,请自行替换.web-query-image

AzeShinja·2023-11-28 13:26

Webpack 工程化基础

WebpackDemosNode.jsDebuggerwebpack学习实践系列WebpackDevServerWebpackloader十问Webpack总得来说是一个资源模块化JSModule打包工具，它的核心思想是模块化思想，不管你是图片，JS，CSS，SCSS

坚果jimbowhy·2023-11-28 11:40

CSS3制作3D爱心动画

1、什么是CSScss，即层叠样式表的简称，是一种标记语言，有浏览器解释执行用来使页面变得更美观。

海伦•·2023-11-28 11:59

CSS学习一

.熟练掌握CSS三种显示模式>6.熟练掌握CSS背景属性>7.熟练掌握CSS三大特性>8.熟练掌握CSS盒子模型>9.熟练掌握CSS浮动>10.熟练掌握CSS定位>11.熟练掌握CSS高级技巧强化CSSCSS

ZPNGU·2023-11-28 09:25

Sass基础知识详细讲解【附带表图】

文章目录前言使用SassRack/Rails/Merb插件缓存选项语法选择编码SassCSS扩展Sass注释输出Sass脚本Sass@-规则和指令Sass控制指令和表达式Sass混入指令Sass功能指令命名约定

鋜斗·2023-11-28 07:15

Sass 语法详细介绍

您的观看就是作者创作的动力SASS缩进语法SASS缩进语法或只是SASS是基于CSS的SCSS语法的替

鋜斗·2023-11-28 07:44

element tab选中时会有蓝色边框

解决办法：在commos.scss中加入属性覆盖.theme{.el-tabs__item:focus.is-active.is-focus:not(:active){box-shadow:none;}

zhaohanqq·2023-11-27 19:57

Vite CSS Module 优雅的处理样式隔离

今天介绍的是我写的一个vite插件vite-plugin-oneof-css-module，该插件主要处理scssmodule，那它适用于什么场景呢？

优资园·2023-11-27 04:30

.scss文件引入背景图片路径报错

scss引入背景图片报错，.emoji_bg{background:url('@/assets/img/qqFace/qqface.png');}这种形式会报错，正确写法.emoji_bg{background

不忘初心_6b23·2023-11-26 17:07

React基础篇（五）css样式的使用

本小节主要讲述在React中使用cssscss以及其他第三方如bootstrap的css样式配置1前言在JSX中，如果需要写行内样式，不能为style设置字符串的值，而是应该写成style={{color

早起的年轻人·2023-11-26 10:34

CSS3

，尽量使用css替代html的属性，如果无法替代，才使用html属性html属性，代码没有可重用性，没有可维护性css代码具备一定的可重用性和可维护性，但是，css没有把代码重用做到极致，后期需要使用scss

栗子树下_·2023-11-26 07:51

ES6 系列之我们来聊聊 Async

可以参考：You-Dont-Need-JavaScriptcssanimationcss@keyframescsstransformcsstransition2.原生js代替第三方库因为第三方库不可避免的会增大打包文件的体积

强哥科技兴·2023-11-26 01:46

【vue-element-admin 学习笔记06】scss

常见scss用法优点:1.可以层级结构，结构更清晰2.可以定义常量$space-width:18px;.root-container{width:200px;height:200px;.item{width

滕的世界·2023-11-25 19:24

TypeScript快速上手学习笔记-第十二篇——实战项目“贪吃蛇”

一、项目前准备项目主要用到的工具包括typescript,webpack,css拓展语言（less或者scss）博主这边使用的是scss。

LIMI_伞梦·2023-11-25 12:22

scss单位计算

//rem转换：默认传数字会直接以100px=1rem进行计算@functionpx2rem($value,$base-font-size:100){$currentUnit:unit($value);@ifunitless($value){@returncalc(($value/$base-font-size)*1rem);}@elseif($currentUnit==px){@returnca

LemonTree7·2023-11-25 10:11

UniApp or Taro技术选型对比

之间做选择，为此做了一次调研，顺便发表一篇博客，希望能帮助到广大开发者，哈哈哈哈，好了，不吹了技术层面均支持使用npm/yarn安装管理第三方依赖均支持使用ES6甚至更新的ES规范均支持使用less/scss

_无妻徒刑·2023-11-25 03:46

webpack

目录Babel：JS编译器（es6->es5，jsx->js）loader：编译->jsless-loader：less->csscss-loader：css->jsstyle-loader：创建style

参宿7·2023-11-25 00:48

【狂神说】CSS3详解

目录CSS概述什么是CSSCSS发展史快速入门CSS的三种导入方式2选择器2.1基本选择器标签选择器类选择器id选择器2.2层次选择器2.3结构伪类选择器2.4属性选择器（常用）3美化网页元素3.1为什么要美化网页

zdb呀·2023-11-24 14:32

node_modules安装及node-sass使用

node_modules1、输入npminit，一直回车会生成package.json文件2、npmi-Dvue然后就成功node_modules了二、使用node-sass1、创建css文件2、创建index.scss

Awzi123·2023-11-24 14:08

使用CSS创建一个炫酷的球体动画效果

1.使用Jade和SCSS生成一个圆圈创建一个圆圈的第一步是生成所有组成圆圈的粒子。有了Jade，我们不用一个一个的写出200个div。

编程世界-云·2023-11-24 06:17

VS Code vue项目使用scss显示语法错误、build编译正常

VSCodevue项目使用scss显示语法错误、build编译正常解决方法：第一步：先安装vetur插件第二步：在vscode的设置中添加"files.associations":{"*.vue":"vue

页面仔小杨·2023-11-24 06:18

Webpack4教程 - 第二部分，使用loader处理scss,图片以及转换JS

它将包括如何处理css、scss、图片以及对老版本的JavaScript语言的转换。让我们开始吧！W

weixin_33691700·2023-11-24 03:18

weex样式sass\scss

当你的weex项目不断变大，一些样式共享，公共颜色，大小尺寸等的管理，就是你需要面对的问题。废话不多说，先上干货：先安装sass依赖，npminstallnode-sass--save-devnpminstallsass-loader--save-dev之后webpack.common.conf.js中配置loader，如下图，在两个module处，增加红框配置最后用import引入的sass文件

lian_bingbing·2023-11-24 03:43

vue引入全局sass/less变量、function、mixin

当我们使用vue框架开发的时候，会使用一些全局配置，但是每当我们使用这些全局变量时，每个vue文件或者组件都必须导入该文件@import‘variables.scss’,那得重复做这样的工作很多很多..

SailorQin·2023-11-24 03:13

SASS/SCSS精华干货教程

目录介绍基本说明特点sass语法格式sass的语法格式一共有两种，一种是以".scss"作为拓展名，一种是以".sass"作为拓展名，这里我们只讲拓展名：编译环境安装Vscode安装编译插件简单使用sass

暗武逢天·2023-11-24 03:11

uniapp自定义导航栏返回按键

目录htmljscss最后htmljsgoback(){letroutes=getCurrentPages();//获取当前打开过的页面路由数组console.log(routes.length);if

MFG_666·2023-11-24 02:41

大屏适配解决方案——vw和vh适配方案

整体思路整体宽高布局100vw，100vh，每个模块的宽高：使用vw，vh字体大小适配：px转化为vw、vh处理公共样式：新建一个rem.scss文件图表根据屏幕尺寸变化自动resize()：自定义指令图表里的文字

小曲曲·2023-11-24 02:28

Vue前端适配自定义vh和vw方案

Vue前端适配自定义vh和vw方案话不多说，直接上代码1、在assets/css文件下新建global.scss，代码如下：以适配屏幕为1920x1080为例，其他尺寸根据具体需求修改即可。

I'm写代码·2023-11-24 02:56

修改el-table表头，表格和边框样式

在main.js里引入的scss文件里修改样式比如在main.js里引入import'@/style/business.然后直接在business设置样式就可以//tablebox是给el-table设置的类名

adventureZZ·2023-11-24 00:47

vue&type=style&index=0&lang=scss解决办法

ERRORFailedtocompilewith1error上午9:18:37errorin./src/views/Login.vue?vue&type=style&index=0&id=26084dc2&lang=less&scoped=trueTypeError:this.getOptionsisnotafunction第一步，先卸载sass-loadernpmuninstallsass-lo

默然相爱鱼鱼鱼·2023-11-23 16:59

【精选】CSS入门必看知识点大合集

CSS简介CSS概念CSS（CascadingStyleSheets）层叠样式表，又叫级联样式表，简称样式表CSS文件后缀名为.cssCSS用于HTML文档中元素样式的定义为什么需要CSS使用css的唯一目的就是让网页具有美观一致的页面语法

OldGj_·2023-11-23 15:43

Vuetify：定制化、响应式的 Vue UI 库 | 开源日报 No.83

它具有以下核心优势和主要功能：可定制性：使用SASS/SCSS进行广泛自定义，并提供默认配置和蓝图。响应式布局：Vuetify组件的默认配置是响应式的，可以适应不同屏幕尺寸。

开源服务指南·2023-11-23 10:44

12.使用CSS样式表

12.1认识CSSCSS-层叠样式表，目的是为网页上的元素精确定位，其次，它可以把网页上的内容结构和控制相分离CSS可以更加精确地控制网页的内容形式，内容更加丰富，样式灵活多变12.2使用CSS1.基本语法选择符

小石头呢·2023-11-22 18:32

小程序 vant 项目记录总结使用 scss 分享订阅消息 wxs 分包 echarts图表 canvas getCurrentPages页面栈

小程序+vantvant下载npminit-ynpmi@vant/weapp-S--production修改app.json将app.json中的“style”:“v2”去除修改project.config.json{..."setting":{..."packNpmManually":true,"packNpmRelationList":[{"packageJsonPath":"./packag

潇、然·2023-11-22 18:13

vue-cli3 配置全局scss变量

则自己在根目录新建一个即可2.在文件内编写如下代码：module.exports={css:{loaderOptions:{sass:{data:`@import"@/styles/_variable.scss

什么都不知道_·2023-11-22 15:43

vue项目中使用scss全局变量

vue使用scss全局变量时报错：ValidationError:Invalidoptionsobject.SassLoaderhasbeeninitializedusinganoptionsobjectthatdoesnotmatchtheAPIschema

糖糖246·2023-11-22 15:42

Vue3+vite使用scss全局变量

Vue3+vite使用scss全局变量踩坑首先需要下载依赖(vue3直接使用sass，不需要再用node-sass)npminstallsasssass-loader-D然后使用scss全局变量需要在vite.config.js

七月安生·2023-11-22 15:12

（配置）vue中scss配置全局变量使用

私信沟通，网站属于静态页面）SubTopH前端开发个人站https://subtop.gitee.io/subtoph.github.io/#/home以上是个人前端项目，欢迎提出您的建议以下vue中scss

次顶级·2023-11-22 15:11

vue2项目中全局引入scss变量

vue.config.js中的配置devServer:{...},css:{loaderOptions:{sass:{prependData:`@import"@/assets/style/common.scss

笑道三千·2023-11-22 15:41

vue中引入全局scss变量

当我在尝试进行动态换肤的时候，发现只有部分组件的样式会变，但是我写的div不会变，那么就尝试在main.js中引入了scss样式文件，想要尝试通过js来控制scss变量值的变化，以期望用另一种方式即js

朱迪33·2023-11-22 15:10

vue 如何引入全局scss变量

如何引入全局scss变量1.新建一个全局scss文件variables.scss$common-color:#ff233c;2.在vue.config.js中配置module.exports={devServer

小橙几·2023-11-22 15:10

vue-cli3/4全局引入scss变量和使用

试了网上很多方法都不行，版本不一致，语法不大相同。最后通过各种实践，成功配置好了，记录下来方便以后查看，步骤如下：1、安装sass-resources-loader//安装最新版本npmisass-resources-loader--save-dev//安装指定版本[email protected]在package.json的devDependenc

Ashley的成长之路·2023-11-22 15:40

Vue 中实现全局引入 scss 变量

导读最终实现的效果是：在vue文件的style标签中以及其它scss文件中都可以直接使用全局配置的scss变量，不需要再导入对应的scss文件。

imtanqin·2023-11-22 15:38

vue3项目下全局使用scss变量

文件：vue.config.jscss:{loaderOptions:{sass:{prependData://additionalData:或8版本用prependData:`@import"@/styles

Miege_·2023-11-22 15:07

Vue 3.0 scss 全局变量

Vue3.0scss全局变量1.安装scssnpminstallsass-loader--save-devnpminstallnode-sass--sava-dev2.新建一个‘index.scss’：

bleach_Lin·2023-11-22 15:07

vue配置全局使用scss的变量和函数

vue配置全局使用scss的变量和函数一、安装sass-resources-loader二、在vue.config.js中添加配置三、使用及效果图一、安装sass-resources-loadernpmisass-resources-loader-D

朽木自雕xmzd·2023-11-22 15:36

Vue项目引入全局scss变量引用失败

首先可以去看VueCLi的官网，地址是创建一个项目|VueCLI️Vue.js开发的标准工具https://cli.vuejs.org/zh/guide/creating-a-project.html1.安装预处理器#Sassnpminstall-Dsass-loadersass#Lessnpminstall-Dless-loaderless#Stylusnpminstall-Dstylus-lo

柠檬味的少女·2023-11-22 15:35

推荐频道

SCSS