@阿呜 2022-11-25 15:39 采纳率: 42.9%
浏览 5
已结题

如何优雅实现页面动态样式

如何优雅实现页面动态样式

场景:我有两个div,第一个div内边距30px,第二个内边距20px

img

想要实现的功能:如何写一个公共样式,可以动态接收参数,在标签里调用时直接传过来我想要的值
如:

<div class="padding(20)"></div>

<style lang='less' >
.padding(e){
   padding:e + 'px'
}
</style>
  • 写回答

4条回答 默认 最新

  • ZionHH 2022-11-28 11:14
    关注
    @list: 5, 10, 15, 20, 30;
    each(@list, {
      .pd-@{value} {
        padding: @value * 1px;
      }
    })
    
    本回答被题主选为最佳回答 , 对您是否有帮助呢?
    评论
查看更多回答(3条)

报告相同问题?

问题事件

  • 系统已结题 12月6日
  • 已采纳回答 11月28日
  • 创建了问题 11月25日

悬赏问题

  • ¥15 onlyoffice编辑完后立即下载,下载的不是最新编辑的文档
  • ¥15 求caverdock使用教程
  • ¥15 Coze智能助手搭建过程中的问题请教
  • ¥15 12864只亮屏 不显示汉字
  • ¥20 三极管1000倍放大电路
  • ¥15 vscode报错如何解决
  • ¥15 前端vue CryptoJS Aes CBC加密后端java解密
  • ¥15 python随机森林对两个excel表格读取,shap报错
  • ¥15 基于STM32心率血氧监测(OLED显示)相关代码运行成功后烧录成功OLED显示屏不显示的原因是什么
  • ¥100 X轴为分离变量(因子变量),如何控制X轴每个分类变量的长度。