在行内样式或对象格式的样式中使用scss变量

前言

scss可以通过$mcolor:color,设置变量，方便全局统一样式和后续修改整体风格。一般也不会写行内样式，所以用起来没什么问题。但是在使用uniapp及其第三方ui框架uview的时候，有的样式你还必须得写成行内。比如下面这个配置。必须写成对象格式的。所以需要在这里也能拿到scss定义的变量。

方法,使用css变量

/*uni.scss  scss文件*/
$testColor: red;/*App.vue 全局的样式文件*/
body{
--difference:#{$testColor}; //将scss变量转换成css变量
}/*test.vue 使用css变量*/
<view :style="{color:'var(--difference)'}">aaaaaaa</view>`

效果

参考文章

在CSS3变量定义中使用SCSS变量不起作用？
CSS var() 函数
Using SASS variables to generate inline CSS

在行内样式或对象格式的样式中使用scss变量相关推荐

ad09只在一定范围内查找相似对象_kafka日志段中的二分查找
二分查找 Kafka 中直接接触索引或索引文件的场景可能不是很多.索引是一个很神秘的组件,Kafka 官方文档也没有怎么提过它.索引这个组件的源码还有一个亮点,那就是它应用了耳熟能详的二分查找算法来快 ...
ad09只在一定范围内查找相似对象_在AD09中查找元件和封装
1206 1/4W 电容电阻外形尺寸与封装的对应关系是: 0402=1.0x0.5 0603=1.6x0.8 0805=2.0x1.2 1206=3.2x1.6 1210=3.2x2.5 1812=4 ...
Word表格调整格式（更新中...）
文章目录 Word中大小写字母整体调调整文字在表格中间设置目录字体 PPT中的框图放入Word调整图放到表格里 Word中大小写字母整体调 1.选中要调整的 2. 调整文字在表格中间 1.选中表 ...
JavaScript基础13-day15【DOM增删改、DOM添加删除记录、操作内联样式、获取元素的样式、DOM Element 对象、滚动条练习、事件对象、div跟随鼠标移动、事件冒泡】
学习地址: 谷粒学院--尚硅谷哔哩哔哩网站--尚硅谷最新版JavaScript基础全套教程完整版(140集实战教学,JS从入门到精通) JavaScript基础.高级学习笔记汇总表[尚硅谷最新版Ja ...
好程序员web前端CSS选择符（选择器）:表示要定义样式的对象
好程序员web前端CSS选择符(选择器):表示要定义样式的对象 1) 元素选择符/类型选择符(element选择器 ) 如:div{width:100px; height:100px; backgro ...
html中style布局放哪,CSS样式表与格式布局详解
样式表 CSS(Cascading Style Sheets 层叠样式表),作用是美化HTML网页. 内联样式表: 例: 内联样式表内嵌样式表:必须写在head标签里例: p { 样式;} he ...
react内联样式_React样式化的组件：内联样式+ 3种其他CSS样式化方法（带有示例）...
react内联样式 There's no one right way to style your React components. It all depends on how complex you ...
axure的html按钮设置背景,Axure格式和样式功能详解
众所都知,做个高保真的原型很耗时间,而且维护.修改的工作量巨大,这次我和大家分享的是如何让你的高保真原型耗时少,并且能很方便的维护和修改. 1.部件样式通过部件样式可以像word中一样对组件进行快速 ...
用ptyhon和vba清除Word的标题样式保留字体格式，生成标题目录。
不同格式的word文档合并为一个文件. 问题: 文件汇编,需要将70多个文件汇编成一个到一个文件里.最终汇编的方式是用word--插入--对象--文件中的文字. 但是由于原始文件有的设置了自动编号.插 ...

在行内样式或对象格式的样式中使用scss变量

前言

方法,使用css变量

参考文章

在行内样式或对象格式的样式中使用scss变量相关推荐

最新文章

热门文章

在行内样式 或 对象格式的样式中 使用scss变量

前言

方法,使用css变量

参考文章

在行内样式 或 对象格式的样式中 使用scss变量相关推荐

最新文章

热门文章

在行内样式或对象格式的样式中使用scss变量

在行内样式或对象格式的样式中使用scss变量相关推荐