SCSS

vue学习——集成sass

安装pnpmisasssass-loader-D在vite.config.ts文件配置:exportdefaultdefineConfig({css:{preprocessorOptions:{scss
可乐KL·2024-02-04 12:49

Html5个人笔记总结

HTMLXHTMLCssCss3JavaScriptJQueryHTML53,HTML5新特性？
孙玉凯·2024-02-04 07:57

指令实现element弹窗的全屏与移动

/drag.scss");letvalue=(el,binding)=>{console.log("绑定的值：",binding);//弹窗letdialog=document.getEl
无知的小菜鸡·2024-02-03 21:35

SASS 官方文档速通

二.语法格式.scss拓展名：在CSS3语法的基础上进行拓展。.sass拓展名：用“缩进”代替“花括号”，用“换行”代替“分号”。
yqcoder·2024-02-03 20:18

webpack详解

现在的前端网页功能丰富，特别是SPA（singlepagewebapplication单页应用）技术流行后，JavaScript的复杂度增加和需要一大堆依赖包，还需要解决Scss，Less……新增样式的扩展写法的编译工作
前端你鹏哥·2024-02-03 12:08

SCSS 文件里的感叹号用法 - 给变量设置默认值

如下图所示：$useTabsOnPDP:false!default;https://stackoverflow.com/questions/10643107/what-does-default-in-a-css-property-value-mean含义如下：!default在BootstrapSass中经常使用。它类似于反向!important。所有Bootstrap变量都使用!default设
JerryWang_汪子熙·2024-02-03 11:24

品优购项目实战

创建文件夹以及文件名称说明shoping项目文件夹images样式类图片文件夹css样式文件夹upload产品类图片文件夹fonts字体类文件夹js脚本文件夹首页index.htmlCSS初始化样式文件base.cssCSS
guai_guai_guai·2024-02-03 03:17

Sass(Scss)、Less的区别与选择 + 基本使用

Sass(Scss)、Less的区别与选择+基本使用Sass(Scss)、Less都是CSS预处理器，他们定义了一种新的语言，其基本思想是，用一种专门的编程语言为CSS增加了一些编程的特性，将CSS作为目标生成文件
safe030·2024-02-02 18:45

Less 与 Sass 区别

Less与Sass区别1.底层实现less基于javascript（客户端）,文件拓展名.lesssass基于ruby（服务端）,文件拓展名.scss2.变量、作用域、插值less使用@标识符，在字符串中使用
桃花糖水深千尺·2024-02-02 10:58

vue+element 换肤功能

1.首先建深色和浅色两个主题样式变量样式表，样式表名和按钮中传入的值一样，本例中起名为default.scss和dark.scss2.在data中定义主题变量名zTheme:‘defalut’，默认引用
~张小八~·2024-02-02 00:58

Vue覆盖子组件的样式

这个时候我们可以在子组件的选择器前加一个深度选择器（/deep/）如下：/deep/.el-son{/*要覆盖的样式*/}有个需要注意的地方：在使用了/deep/深度选择器后在标签里面指定了lang="scss
寂夜江潮·2024-02-01 18:33

vue组件样式覆盖

/styles/index.scss'...方式二：组件内样式隔离React项目使用的是用的是CSSModule，Vue项目使用Scoped标记。保证样式
史学娇·2024-02-01 18:29

（疑惑与解答）关于IDEA使用git提交项目很慢

文件数量足足有进五千多，commit到本地仓库时变的特别慢，特别是碰到*.css或者*.scss这样的文件。网上看了一大堆方法也没能解决问题，又因为是老项目，所以也不敢忽略依赖。
玻璃瓶和纸飞机·2024-02-01 17:00

vite搭建完整项目

目录一、创建项目二、scss安装三、安装路由一、创建项目1.选择一个你常用的命令进行安装npmcreatevite@latestyarncreatevitepnpmcreatevitebunxcreate-vitetips
一只大黑洋·2024-02-01 11:26

less或scss中@mixin的用法

一、mixin是什么？@mixin是一种简化代码的方法，能够提高代码的重复使用率。二、mixin的用法mixin定义（使用@mixin定义）：@mixinhexagon-generator($hexagon-width,$factor,$border-radius){display:inline-block;border-radius:50%;width:($hexagon-width+$bord
哈雷_瑞星·2024-01-31 18:01

【Java之css】

CSSCSS的引入方式方式一：直接在html的标签上加入style属性，多个样式用分号分割方式二：写在Head标签里面，用一个style标签包裹（当下的主流）方式三：用链接导入外部的文件CSS的选择器标签选择器
Bigcoding·2024-01-31 14:09

uniapp如何安装uview

一统江湖-DCloud插件市场没有的登录的就先登录导入成功后，可见2.添加配置main.jsimportuViewfrom'@/uni_modules/uview-ui'Vue.use(uView)uni.scss
睿麒·2024-01-31 07:21

Sass 和 Compass小结

Sass简介Sass的SCSS语法是CSS3语法的一个超集，传统的CSS重复的工作太多，而Sass可以帮助我们减少重复劳动，当然Sass的作用远不止这个。
Ertsul·2024-01-31 03:11

小程序button按钮

实现样式代码实现wxmljscss样式
生活码农·2024-01-30 16:02

uniapp如何引入uview组件？

目录1.引入前准备2.在项目中引入组件1.mian.is文件2.uni.scss文件3.App.vue文件4.pages.json文件3.测试成功1.引入前准备为了方便我们在制作项目的过程中，方便使用模板组件
秃头馒头·2024-01-30 10:46

sass的学习

sass和scss的区别：实际上是同一种技术的不同叫法。语法差异，scss是对sass的一种改进，他引入了更接近标准的css语法，更适合直接转换为css代码。
明里灰·2024-01-30 00:32

最全的前端知识之css与jsp介绍

请各位观众老爷们查收一.css介绍（1）什么是cssCSS是“CascadingStyleSheet”的缩写，中文意思为“层叠样式表”（层层叠加的样式），它是一种标准的样式表语言，用于描述网页的表现形式
菜鸟小木·2024-01-29 21:02

CSS选择器--乐字节Java

CSSCSS（英文全称：CascadingStyleSheets）层叠样式表,是一种用来表现HTML（标准通用标记语言的一个应用）或XML（标准通用标记语言的一个子集）等文件样式的计算机语言。
天上的小仙女呀·2024-01-29 20:03

react中px转rem（px2rem和px to rem &rpx的使用）

用的时候除以100，10px=0.1rem1.直接在scss文件中使用函数定义函数@functionpx2rem($px){@return$p
仙女爱吃鱼·2024-01-29 15:59

前端开发工具：Prepros for Mac

首先，它支持多种文件类型的编译，包括LESS、Sass、SCSS、Stylus、Jade、CoffeeScript、Haml和MarkDown等，这使得开发者能够轻松处理这些文件。
d5fanfan·2024-01-29 12:32

CSS选择器详解及部分元素属性

一，CSS介绍1.什么是CSSCSS又叫层叠样式表(CascadingStyleSheets)；CSS能够对网页中元素位置的排版进行像素级精确控制，实现美化页面的效果，能够做到页面的样式和结构分离。
蜡笔小心眼子！·2024-01-29 05:22

滚动条样式修改（scss格式的，可自行改成其他格式）

把代码加到样式文件中：#app{.main-container{min-height:100%;transition:margin-left.28s;margin-left:$sideBarWidth;position:relative;}.sidebar-container{transition:width0.28s;width:$sideBarWidth!important;backgroun
MINGing_0dd8·2024-01-29 01:12

typescript入门练手小demo

刚好最近论文查重过了，时间暂时充裕了起来，就准备练习一下typescript和scss。实现的效果也很简单代码放在了gitee上，仓库地址是ts
微雨即至·2024-01-28 21:33

练习动画最好的方式（SCSS篇）：图片故障效果~

什么是故障效果？它的原意是“短暂的干扰”，在视觉艺术中常被用来指“图像干扰”。这是恐怖片和网络片中最常见的效果之一。什么是RGB置换？色差、RGB偏移、RGB分裂（RGBsplit）等。有各种方法来描述它，但从本质上讲，它意味着光的三原色，即红、绿、蓝，在没有任何错位的情况下应该重叠显示的状态。这是与突变效果一起使用的，在某些情况下，突变一词被用来包括颜色的转变，所以在这种情况下也实施它，会产生更
前端仙人·2024-01-28 20:52

Vue3 + Vite 配置全局scss

1.安装scssnpminstall-Dsass2.配置vite.config.jscss:{preprocessorOptions:{scss:{additionalData:'@import"@/assets
Free zitao·2024-01-28 16:18

vue3+vite使用scss

1、安装依赖npminstallsass-d2、配置vite.config.jscss:{preprocessorOptions:{scss:{additionalData:'@import"@/assets
xfq_z·2024-01-28 16:48

vue3和vite项目在scss中因为本地图片，不用加~

看了很多文章说要加~，真的好坑哦，我的加了~反而出不来了：304NotModified所以需要去掉~：/*默认dark主题*/:root[theme='red']{--bg-color:#0d1117;--text-color:#f0f6fc;--backImg:url('@/assets/images/redBg.png');}/*light主题*/:root[theme='blue']{--b
1024小神·2024-01-28 16:47

【Vue版记账项目总结】Vue、Vuex、VueRouter、JS/TS、svg、css/scss实战总结

目录项目介绍项目前的准备及项目构思模块化封装通用组件@语法导入相关文件CSS的变种形式Vue中CSS的deep选择器Vue中CSS类名的表驱动编程使用VueRouter的active-class动态添加类名使用svg-sprite-loader引入icon与封装icon组件JavaSript组件TypeScript组件custom.d.ts怎么用Vue单文件组件的三种写法Layout组件&插槽使用
不知名网友小H·2024-01-28 14:57

Vue3在css中使用v-bind绑定js/ts变量，也可以在scss和less中使用方式

主要介绍Vue3中的新增的v-bind()的常用使用方式，主要包括在css,less,scss中的使用，可以参考官方文档查看：Vue3官方文档特别提醒如果你想在scss中或者less中使用，可能会报各种乱七八糟的错误
1024小神·2024-01-28 14:56

ElementUI 源码分析2 - 组件篇

scss文件是如何优雅组织的？1、组件分析3.1、基本结构组件的共性分析：1、结构都是类似的，以Alert为例：importAlertfrom'.
风之化身呀·2024-01-27 23:02

vite + vue3 + elementPlus + vuex + axios项目搭建及问题

5：引入vuex保存变量发现刷新丢失怎么办6：vite打包后放服务器jscss找不到怎么配置常规为题：1：vue3使用获取路由传参2：vue3父组件触发子组件方法3：
Thekingyu·2024-01-27 17:00

前端代码审查（Code Review）---具体实践规范会持续更新

前端代码审查（CodeReview）针对目录结构、SCSS规范、JS规范、Vue规范可参照官方给出的风格指南（CodeReview）具体实践规范1、POST/PUT/DELETE请求按钮需要添加loading
wocwin·2024-01-27 15:04

uniapp导入uView组件库

目录准备工作1.新建一个项目2.导入uview组件库3.关于SCSS配置步骤1.引入uView主JS库2.在引入uView的全局SCSS3.引入uView基础样式4.配置easycom组件模式添加效果实验运行即可成功准备工作
前端 贾公子·2024-01-27 13:22

SASS简介以及使用方式

Sass文件的后缀为.scss。使用Sass时，不是直接创建.css文件，而是创建一个.scss文件，按照Sass特定的语法格式来写样式
打工人何苦为难打工人·2024-01-27 11:28

引起引入错误

的时候使用,爆错，File"/LIGHT/xxx.jsp"notfound，原因是,这个标签里面不能出现${pageContext.request.contextPath},因为在引入jscss
aioulaoda·2024-01-26 20:34

CSS预处理器---Sass/Scss

sass的语法分：.sass和.scss。
煸橙干儿~~·2024-01-26 20:44

CSS--样式穿透

样式穿透具体可分为css、less以及scss，语法不同，具体语法如下所示。
煸橙干儿~~·2024-01-26 20:44

jest测试项目中遇到的报错解决方案

1.报错：windowisnotdefined解决方法：引入jsdom，在jest.config.js中添加：testEnvironment:“jsdom”,2.直接将css（scss，sass）文件导入组件导致的测试程序执行失败解决方法
条件if循环·2024-01-26 19:33

一文读懂vue+scss实现主题换肤功能

文章目录前言一、实现原理分析二、scss实现1.theme.scss2.handle.scssscss语法回顾1.
pixle0·2024-01-26 16:40

elementUI中table的row-class-name和cell-class-name

所以使用的是这个写法，如果不需要传参，直接如下即可：:row-class-name="editCellClassName"然后如下，给符合条件的行加上一个样式，然后在样式里面加背景色即可因为我使用的是scss
yy_demo·2024-01-26 10:42

Vue 动态换肤

效果如图：设计思路：规划几套样式，通过动态class或scss混入@include等方式进行赋值，给最外层的父元素添加全局样式。
我不是费圆·2024-01-26 10:48

搭建个人博客网站时，前台博客详情页代码块的显示优化

项目使用的技术栈：后台管理：Vue3+Element-Plus+SCSS前台系统：Nuxt3+Element-Plus+SCSS服务端：Node.js+Mysql+Express1、优化前的展示效果：1
wen_文文·2024-01-26 08:00

uiapp适应小程序

本文若对你有用,给个免费Star和关注,持续输出前端各种稀奇古怪的问题所实现的效果如图自定义月份代码如下,注释齐全本段代码用到scss{{startY}}年{{month.val}}{{endY}}年{
梦千诺·2024-01-26 02:00

webpack学习笔记——简介及安装

如下，一图胜千言，就是将左边的各种资源进行整合，压缩甚至是混淆等种种操作后，最后打包成右边的图示几个通用的纯粹的jscssjpgpng等。懒得理解了，就把它看成是Android中的gradle吧。
仰简·2024-01-26 00:26

vue css穿透 /deep/、::v-deep和 ＞＞＞的区别

;使用场景：项目中用到了预处理器scss、sass、less的时候。vue-c
深情止于人海·2024-01-25 17:44
上一页 1 2 3 4 5 6 7 8 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他