uni-app——在scss中使用data的变量

代码2023-02-2493 人已阅来源：网络

1. 定义变量

data() {
 return {
  tagcolor:"#1062fa33",
  text:'测试文本',
 }
},

2. 引入变量

<view class='item' :style="{'--tagcolor':tagcolor}">{{text}}</view>

3. 使用变量

<style lang="scss" scoped>
 .item{
  background:var(--tagcolor);
 }
</style>

相关内容

  • iOS唤起键盘页面被顶上去且无法自动回退带来的问题及解决方案

    iOS唤起键盘页面被顶上去且无法自动回退带来的问题及解决方案methods:{//ios端输入框弹起后自动回弹kickBack(){setTimeout(()=>{window...

  • Linux删除乱码文件方法

    在上传文件到服务器时可能会遇到一些突发情况，如：网络中断，这样会在服务器中产生乱码文件，这是你会发现使用rm-rf文件名，无法删除。虽不影响继续使用，但看着给人一种很不爽的感觉...

  • js中 => 的含义

    =>是es6语法中的arrowfunction(x)=>x+6相当于function(x){returnx+6;};详解了解：ES6箭头函数详解...

  • WordPress Rest-Api 自定义修改 wp-json 路由

    WordPressRest-Api提供了一个钩子rest_url_prefix可自定义修改wp-json路由，比如将默认的wp-json变更为api。Rest-Api路由示例默...

  • uniapp 将图片保存在本地（app端和h5端）

    用uniapp框架写项目，遇到将图片保存在本地的需求，下面简单记录一下如何实现，图片格式为base64，可直接复制使用app端：saveBase64Img(base64){co...

  • uni-app 利用canvas画简单海报并保存图片

    <template><viewclass="canvas-box"><canvasclass="canvas":style="{width:`${...

  • uniapp中使用canvas生成海报

    如下图，是在H5中测试，canvas生成后需要保存图片，使用uni.canvasToTempFilePath（官方文档API支持H5的）拿到绘制海报的base64，保存图片，如...

  • uniapp 截屏扫码

    最近开发功能遇到个需求，用户点击某个操作之后，需要截取当前屏幕内容，并扫码识别屏幕截图中的二维码，代码如下：首先将代码抽离到外部文件中，以便复用：//截图exportfunct...

  • git pull 提示错误 fatal: refusing to merge unrelated histories

    从远程拉项目到本地的时候提示错误造成fatal:refusingtomergeunrelatedhistories错误的原因有以下几点：有一个包含一些提交的新Git存储库。然后...

  • JS浮点计算精度问题分析与解决

    在JS计算四则运算时会遇到精度丢失的问题，会引起诸多问题，看看以下例子：例如：在chrome控制台输入0.1+0.7输出结果是0.7999999999999999例如：0.1+...

浏览更多有关 的内容