使用less做一个菜单-问答-阿里云开发者社区-阿里云

开发者社区> 问答> 正文
阿里云
为了无法计算的价值
打开APP
阿里云APP内打开

使用less做一个菜单

2016-06-02 15:19:31 1539 1

我需要使用less做一个很普通的菜单,需要实现如下效果:

在某版面下面,某个菜单就要高亮。

比如sf菜单
screenshot
如果我在问答版块下面,问答这个menu就需要高亮。

之前的实现方式是 想在这个菜单外面的一个容器上加一个class 比如 wenda
那么最终实现就是
.wenda .wenda {

background: ...

}

.wenzhang .wenzhang {

background: ...

}

现在想使用less的循环功能实现,请尽量优雅。非常感谢。

取消 提交回答
全部回答(1)
  • 杨冬芳
    2019-07-17 19:24:59
    @items: wenda wenzhang huodong biaoqian bangdan;
    @items-len: length(@items);
    
    .create-menus(@items-len);
    
    .create-menus(@n,@i:1) when (@i=<@n){
      @menu: extract(@items,@i);
      @{menu} @{menu}{
        background: '...'
      }
      .create-menus(@n,(@i+1))
    }
    

    但是你的需求一般来说不这么实现
    使用额外的类来标记菜单的高亮是常用的方法

    <li class="menu__item active">
        <a href="#" >问答</a>
    </li>
    <li class="menu__item">
        <a href="#" >文章</a>
    </li>
    
    
    .active{
        background-color: #3F4F49;
    }
    0 0
相关问答

1

回答

如何使用阿里云小程序Serverless服务开发一个待办事项的支付宝小程序?

2022-08-09 12:54:11 148浏览量 回答数 1

0

回答

ARMS中接入 arms后,pod 日志会报一个错误,怎么才能消除啊?

2022-07-01 17:08:33 1150浏览量 回答数 0

0

回答

没有权限安装less命令

2021-08-17 16:26:15 228浏览量 回答数 0

1

回答

同一个公司营业执照实名认证多个阿里云账号

2020-10-14 10:13:23 1839浏览量 回答数 1

1

回答

webpack将多个JS 打包,作为一个库来使用,该怎么在其他项目中引用?报错

2020-06-06 16:23:53 746浏览量 回答数 1

1

回答

问一个问题:一个state可以被多个job共享使用吗?

2019-12-30 18:29:18 538浏览量 回答数 1

1

回答

JS二级下拉菜单问题

2016-07-15 09:43:56 1974浏览量 回答数 1

1

回答

JS的一个问题

2016-06-21 11:11:03 1471浏览量 回答数 1

2

回答

请教官方一个问题

2014-03-23 19:07:00 5639浏览量 回答数 2

3

回答

请问有没有使用Nodejs连接OSS的例子?

2012-05-21 12:08:54 9138浏览量 回答数 3
+关注
杨冬芳
IT从业
1
文章
9167
问答
问答排行榜
最热
最新
相关电子书
更多
低代码开发师(初级)实战教程
立即下载
阿里巴巴DevOps 最佳实践手册
立即下载
冬季实战营第三期:MySQL数据库进阶实战
立即下载