scss

scss.less生成margin，padding

scss生成margin，padding$directions:('t':'top','b':'bottom','l':'left','r':'right');$dimensions:('p':'padding
哦哦哦奥斯丁·2023-10-23 14:06

如何全局引入js生成的scss代码

配置option.additionalData，additionalData字符串会转为scss代码，默认插入scss文件顶部。
radation·2023-10-23 14:35

html中动态类名,在Sass中动态生成类名和CSS属性

我想在SCSSSassVersion3中用迭代器和条件检查器动态生成非常特定的类名称和属性。如果可以整除一半，最后加一半。
査志伟·2023-10-23 14:35

scss自适应_使用SCSS完成动态rem适配的自动计算

目录和文件├──css│├──style.css(style.scss打包后生成)│└──style.css.map├──index.html└──scss└──style.scssindex.html
牛人说·2023-10-23 14:35

用于scss的class选择器层级嵌套的插件,一键生成scss结构,AutoScssStruct4Vue

当项目里面class层级比较深时,页面结构复杂,程序员在写代码时,没有必要将时间花费在css层叠样式选择器上,这个是好实用一款十分好用的插件就一键生成了.使用:右键选择autoScssStruct结果
九九七七·2023-10-23 14:34

scss动态生成类名、样式值

常常会有需求根据不同的状态给元素设置不同的颜色值，类似状态标签等等如图的标签用scss的同学,可以用@each指令完成一系列样式的设置代码如下：$colors:(blue:#008fff,grey:#909299
qq_36959274·2023-10-23 14:04

scss 动态更换主题样式

//当HTML的data-theme为dark时，样式引用dark//data-theme为其他值时，就采用组件库的默认样式//这里我只定义了两套主题方案，想要再多只需在`$themes`里加就行了//注意一点是，每套配色方案里的key可以自定义但必须一致，不然就会混乱$themes:(green:(//字体font_color1:#07bc78,//背景background_color1:#07
这个杀手好冷·2023-10-23 14:04

scss @mixin生成一个类

首先来看这么一段代码：@mixintheme($theme){.#{$theme}-theme{@content}}在Sass中，该@mixin指令用于定义一个mixin，它是一个可重用的样式块，可以包含在样式表的多个位置。当mixin包含在您的样式中时，该@content指令用于包含mixin的内容。您提供的示例定义了一个mixintheme，它接受一个参数$theme.mixin生成一个类，其
你个小饼干丶·2023-10-23 14:34

scss循环生成样式

其实循环生成css都是定义一个数组，然后遍历生成，主要在于各个语言的调用方式不一样.这里使用的rem作为基准单位，也可以用px或者其他_variable.scss文件//文件名以下划线开头表示被引用文件
路不周以左转兮·2023-10-23 14:34

less、scss中使用循环实现动态样式

场景：在写页面时，有很多重复的css样式，想要写一个公共的样式文件来实现，比如margin-top:10px使用less：//margin-left：20px@list:{//我用的是vue框架，这里的label直接写数字代码可能会标红，但是可以正常使用，//如果介意的朋友可以替换为：xs:6px;s:10px;m:15px这样子6:6px;10:10px;15:15px;20:20px;25:2
@阿呜·2023-10-23 14:03

scss如何循环创建样式

在项目初始阶段，我们会先制定css公共样式。而在css中单独定义class时，会因为多种相同样式但值不同，如下所示.f12{font-size:12px};.f13{font-size:13px};.f14{font-size:14px};.f15{font-size:15px};直接导致文件体量增大和重复劳动，我们只需要使用sass通过简单的数学计算和循环创建即可完成这项工作//common.s
william_liko·2023-10-23 14:03

webstorm下SCSS自动生成文件配置

第一步：安装ruby环境并使用geminstallsass安装sass（国内访问较慢），如果安装不成功可以更换源路径更换方式：gemsources--removehttps://rubygems.org/gemsource-ahttp://ruby.taobao.orggeminstallsass或者更换成：gemsources-ahttp://gems.ruby-china.org第二步：在We
djd64521·2023-10-23 14:03

scss如何写伪类

1234ul{li{&:nth-child(1){color:#00ffff;}&:nth-child(3){color:#00ffff;}color:#ff0000;}}
&XYZ&·2023-10-23 13:33

SCSS动态生成类

下面使用scss来优化一下。统一定义样式颜色$primary:#4e9afe;$success:#07c160;$danger:#ed15
小陆pro·2023-10-23 13:02

微信小程序开发语言一般有哪些？

二、CSScss，前三剑客之二是分层风格表。主冶网
小帆Xxx_F·2023-10-23 13:52

从零开始搭建React+TypeScript项目

主要的依赖：React16.12+TypeScript3+tslint5+react-router5+react-redux7+axios0.19+element-ui1.4+SCSS4.13+环境版本要求
Elivs_欧元·2023-10-23 07:38

HBuilder插件推荐

整理一下我觉得好用的插件，后期可能会有更改eslint-jseslint-plugin-vuePrettierscss/sass编译右键复制vue页面路径，主要用于快速复制vue页面的路径到浏览器
月色超冷·2023-10-22 23:17

04-radial-gradient

B站视频教程准备好index.html中的容器创建src/style/02-radial-gradient.scss.example{width:150px;height:150px;float:left
前端程序猿·2023-10-22 18:21

laravel+element-ui+vue 搭建详细教程

laravelmyblog安装完成进入项目cdmyblog2.安装前端资源和编译npminstallnpmrunwatch编译过程出现报错解决方法：修改resources/assets/sass/app.scss
林千瓦·2023-10-22 15:53

JavaWeb从入门到起飞笔记——导学课程

传统路线：第一步先学习前端三剑客HTMLJSCSS第二步在学习异步交互技术Ajax第三步学习JQu
夏驰和徐策·2023-10-22 06:56

这么好用的前端开发在线工具你都知道吗？

EnjoyCSS可以输出CSS、LESS、SCSS代码，并支持指定需要支持哪些
BABYMISS·2023-10-22 03:16

vue 项目部署找不到 js css 文件

vue项目部署找不到jscss文件在这里插入图片描述很多时候npmrunbuild之后，index.html文件中webpack自动插入的js文件css文件的相对目录总是不对，发布到服务器上之后，nginx
易良同学·2023-10-21 20:55

html文字和居中圆,CSS3首页居中圆形标题文本效果

CSS语言：CSSSCSS确定@importurl("https://fonts.googleapis.com/css?
weixin_39980917·2023-10-21 09:58

在scss文件里定义 css 变量

$primary:#ffcc00;$secondary:#4b4b4b;:root{--data-color-primary:#{$primary};--data-color-secondary:#{$secondary};}
星星赐福·2023-10-21 01:22

vue3如何写全局样式

1.新建全局样式文件kanno.scss在src/assets/style文件夹中新建kanno.scss.is-required{.el-input__wrapper{box-sizing:border-box
℘团子এ·2023-10-21 00:01

vue+scss主题色切换

1、新建一个Scss文件_themes.scss，里面可以配置不同的主题配色方案$themes:("Red":(//整体主色调/菜单栏背景/图标.按钮主色/悬停状态mainColor:#D6000F,/
Wuli 王·2023-10-20 23:35

vue+scss实现一键换肤

大概的思路就是给html根标签设置一个data-theme属性，然后通过js切换data-theme的属性值，Scss根据此属性来判断使用对应主题变量。
小太阳...·2023-10-20 23:34

vue中通过scss设置切换肤色

大概的思路就是给html根标签设置一个data-theme属性，然后通过js切换data-theme的属性值，Scss根据此属性来判断使用对应主题变量。
slom_fxt·2023-10-20 23:02

scss主题颜色切换

注明：在vue项目中，越来越多的客户要求可以自定义主题的颜色，使用scss改主题颜色是一个不错的方法，那下面简单说下scss怎么实现主题切换。
橘猫他会笑·2023-10-20 23:31

Vue修改SCSS变量，实现一键变色

准备工作安装配置好scss或者less环境，全局引入main.js，具体自行百度直接贴上引入的global.scss文件代码    /*设置scss变量*/    $mainColor: val(--btnColor
undefined——·2023-10-20 23:01

vue + scss实现管理系统换肤功能

通过scss写函数传递参数来实现4种不同的换肤功能：在styles样式文件夹下创建两个scss文件，一个theme.scss,一个color.scss1.theme.scss文件主要实现的是编写对系统主题改变的样式函数
技术钱·2023-10-20 23:00

UI库-使用scss处理多主题切换功能

使用scss处理多主题的问题总结,拿来即用,少走弯路项目当中有类似白天黑夜或者其它主题的切换需求,这类工作最好在项目构建之初便考虑到并且提前配置好,这里结合我在网上查到的一些方法还有实际工作需求,做一个总结
糖羽仙·2023-10-20 23:00

vue elementui scss切换 主题，用户自定义颜色切换功能开发

改变主题颜色这里理论上应该分为2个模块。如下图所示：elementuibtn等主色调颜色用户自定义字体/背景色。这里可以明显的看到，当light主题的时候，主色调是咖啡色。而当暗色主题的时候则为蓝色/绿色。这里是为了方便理解上述所说的1,2区别。1-蓝色，2-绿色。1.elementuibtn等主色调颜色，去https://element.eleme.cn/#/zh-CN/theme官网自行操作。
｀l l l s j 。·2023-10-20 23:30

vue 结合scss实现前台主题颜色动态变化

1、安装scss，参考文章：vue项目中设置全局引入scss，使每个组件都可以使用变量-简书在Vue项目中使用scss,如果写了一套完整的有变量的scss文件。
Riverse·2023-10-20 23:59

Vue项目如何配置、切换主题颜色（mixin + scss方式，简单高效）

Action一.首先，引入scss依赖（node-sass,sass-loader)npminstallnode-sasssass-loader--save-dev二.项目样式文件目录介绍1.此处我将项目中的公共样式文件放到了
h395910638·2023-10-20 23:58

Vue+Less/Scss实现主题切换功能

一、Less/Scss变量换肤具体实现：1、初始化vue项目2、安装插件：npminstallstyle-resources-loader-Dnpminstallvue-cli-plugin-st
苪玫儿呀·2023-10-20 23:28

Vue + Scss 动态切换主题颜色实现换肤

大概的思路就是给html根标签设置一个data-theme属性，然后通过js切换data-theme的属性值，Scss根据此属性来判断使用对应主题变量。
冰雪为融·2023-10-20 23:28

vue换肤方案scss

1.配置主题定义scss:_theme.scss$themes:(blue:(base_color:$blue-1,light_color:rgba($blue-1,.1)),purple:(base_color
隔壁粥先生·2023-10-20 22:27

vue2 scss主题切换

vue2scss主题切换1.定义scss全局变量//@/assets/css/theme.scss$primaryColor:var(--primaryColor);$primaryTextColor:
Stevetagelian·2023-10-20 22:26

Vue中 使用 Scss 实现配置、切换主题

1.样式文件目录介绍本项目中的公共样式文件均位于src/assets/css目录下，其中index.scss是总的样式文件的汇总入口，common.scss是供全局使用的一些基本样式(常量），_theme.scss
明天也要努力·2023-10-20 22:24

自定义修改el-talbe show-overflow-tooltip的样式

el-tooltip__popper{max-width:50%}但是如果你写在stylelang="scssscoped"里面它不会生效，
明月直入无心可猜·2023-10-20 20:33

[学习笔记] Sass 使用指南

scss这种后缀名的文件和平时写的css文件格式差不多，写法和less的写法十分类似。注意！！本篇笔记所有sass文件都指的是后缀名为scss的文件！！！
玛丽莲做梦·2023-10-20 20:26

uni-app学习笔记之uView组件安装

uni-app学习笔记之uView组件安装一.准备工作1.安装scss插件(安装完成重启HX)2.从HbuilderX插件市场导入uView2.0//HbuilderX插件市场链接https://ext.dcloud.net.cn
光明有我16620122910·2023-10-20 19:02

uniapp uview2 使用笔记

//main.jsimportuViewfrom"uview-ui";Vue.use(uView);在引入uView的全局SCSS主题文件在项目src目录的uni.scss中引入此文件。
织_网·2023-10-20 19:32

uView-ui框架测试使用笔记

项目2.在[uview官网链接](https://www.uviewui.com/)中导入插件报错3.将uview-ui移动到根目录下2.配置步骤2.1引入uView主JS库2.2引入uView的全局SCSS
YZRHANYU·2023-10-20 19:59

CSS小技巧Warning样式

content:定义显示在该选择器之前或之后的选择器的属性css动画scss数学运算代码WARNING.bg{background:black;height:100vh;font-family:"Varela
风凌摆渡人·2023-10-20 16:14

03CSS简介与选择器

1.CSS3什么是CSSCSS(CascadingStyleSheets)层叠样式表，是一个用于修饰文档（可以是标记语言HTML，也可以是XML或者SVN）的语言，可以将文档以更优雅的形式呈现给用户。
葵Sun·2023-10-20 14:15

React中修改antd input框的placeholder样式 scss 写法

:global(.ant-input::-webkit-input-placeholder){color:rgba(64,150,255,0.3);}
web_小码农·2023-10-20 12:33

mpvue中scss全局变量配置

原文地址https://segmentfault.com/a/1190000017145630一、安装依赖cnpminstallsass-loadersass-resources-loader--save-dev二、修改配置文件（根目录下/build/utils.js）varpath=require('path')varconfig=require('../config')varExtractTe
Joker丶龙·2023-10-20 08:23

SASS

SASSSyntacticallyAwesomeStylesheetsSassSASS是一套利用Ruby实现的,最早最成熟的CSS预处理器,诞生于2007年.它扩展了CSS语言，增加了变量、Mixin(混合)、嵌套、函数和运算等特性，使CSS更易维护和扩展SASS以.sass或者.scss
无尾树袋熊·2023-10-20 03:24
上一页 12 13 14 15 16 17 18 19 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他