SCSS 使用@each 方法循环遍历数组颜色并赋值


$liColor: #f288ab, #fb622f, #90e38a, #f3d177, #86c9fd, #86e3fd, #c693fd, #ff85b1;@each $c in $liColor {$i: index($liColor, $c);.color-#{$i} {.cover {border-radius: remit(10);border: remit(6) solid $c !important;}.tag-num {font-size: remit(22);background: $c;color: #fff;padding: remit(4);}}
}

SCSS 使用@each 方法循环遍历数组颜色并赋值相关推荐

  1. JavaScript 循环遍历数组的11种方法

    本教程解释了如何在 JavaScript 中循环遍历数组.根据我们的用例和代码的速度/效率,我们可以使用 Vanilla JavaScript 中的传统方法(如for循环和while循环)或使用 ES ...

  2. foreach循环遍历数组方法vue介绍

    在vue中用foreach循环遍历数组全部元素,利用回调函数对数组进行操作,自动遍历整个数组,且无法break中途跳出循环,不可控,不支持return操作输出,return只用于控制循环是否跳出当前循 ...

  3. php foreach 一维数组遍历,php foreach 循环遍历数组方法

    摘要 腾兴网为您分享:php foreach 循环遍历数组方法,桌面时钟,找乐助手,银联商务,星球联盟等软件知识,以及西部证券,猫咪社区app,消逝的光芒风灵月影,精真估二手车,优视,布谷布谷,米乐网 ...

  4. 【Linux】Shell脚本中如何使用“循环”遍历“数组”中的元素(包括MySQL的常用指令介绍)

    一.背景 实习过程中,今天mentor突然让我拉取一下远端园区数据库中的部分信息,因为包含很多不同园区的数据信息,而且要以园区为单位生成文件来对数据进行存放,因此自然是需要使用shell脚本来自动生成 ...

  5. java遍历数组最简洁的方法,java遍历数组的方式有哪些?

    我们也了解Java也已经很久了,那今天小编想问大家是否知道java遍历数组的方式有哪些?是不是内心已经已经有答案了?让就跟着小编的步伐一起看看吧. 1. for循环遍历 这是最基本的遍历方式 通常遍历 ...

  6. java-for循环遍历数组

    格式:  for( 数据类型 变量名 : 数组或者集合 ){  sop(变量);  } public static void function_1(){//for对于对象数组遍历的时候,能否调用对象的 ...

  7. swift for 循环遍历数组与字典

    在swift中,最常使用的for循环是for-in结构,并且可以和范围(...和...<)配合使用 for i in 0..<5 {print(i) } 控制台输出: 0 1 2 3 4 ...

  8. for-in循环和for循环遍历数组

    今天在写代码的时候在用for-in循环遍历数组的时候会出现一些莫名的东西出来,后面查了一下资料.才知道for-in 循环和for循环的区别. for -in 循环 就是迭代,他迭代的是当前对象的所有的 ...

  9. html页面遍历数组,JavaScript中利用for循环遍历数组

    先看一段代码 Document // 一个普通的数组 var arr =[3,5,2,6]; // 普通的for 循环遍历 for(var i = 0 ; i < arr.length; i++ ...

最新文章

  1. jdk1.8api中文版下载(帮助文档)
  2. 黄聪:详解 ManualResetEvent(转)
  3. disable-user-add-description
  4. 一招解决二级域名下session失效问题
  5. Mac双开微信(2种方法)、Win多开微信
  6. 20款最优秀的JavaScript编辑器 哪家强你说了算!
  7. SpringBoot Validation参数校验 详解自定义注解规则和分组校验
  8. 仓库实现降本增效的秘密法宝,WMS智能仓储系统
  9. Android动画定时lnvaliate,Android6.0 MTK6737 启动流程 · Younix’s Studio
  10. kindle导入电子书方法
  11. Unity 数据存储与读取_JSON
  12. 2014.7.14 有用的网址
  13. 高德vue-amap使用(一)标记点位获取地址及经纬度
  14. 多任务学习——【ICML 2018】GradNorm
  15. 怎么用python下载视频_使用Python从直接URL下载视频
  16. 计算机无法连接到指定的服务器,无法连接Windows远程服务器的几种解决办法
  17. 2021年G2电站锅炉司炉最新解析及G2电站锅炉司炉找解析
  18. webpack的proxy代理配置
  19. SWUST OJ 971求二叉树的深度
  20. Tomcat核心原理学习总结(二)

热门文章

  1. 树莓派为什么涨价了?
  2. 尘埃粒子计数器把控半导体车间安全堡垒
  3. matlab实例静电场,浅析Matlab模拟静电场三维图与恒定电流场模拟静电场
  4. SQL在线自助查询平台
  5. 织梦dedecms响应式精密机械模具公司网站模板(自适应手机移动端)
  6. phpstudy nginx 目录索引失败 404 Not Found 的原因
  7. HiPER宽带安全网关——逍遥岛网吧应用实例(转)
  8. 问题 I: 自然数拆分Lunatic版
  9. MCU控制的电池管理是成功的物联网实现的关键
  10. 从“被动挖光缆”到“主动剪网线”,蚂蚁金服异地多活的微服务体系