Less中文文档地址

    最近在做H5项目中经常将Less和React结合使用，效果很棒，而且结合Less的函数功能，使得css代码更加精简和可读。

    比如,each、unit 函数的使用：

    1. const enters = [1,2,3,4,5,6,7];
    2. <div className="enter">
    3.             {enters.map(v => (
    4.                 <div
    5.                     key={v}
    6.                     className={`enter-item enter-item-${v}`}
    7.                     data-idx={v}
    8.                     onClick={onEnterItemClick}
    9.                 />
    10.             ))}
    11.  </div>

    与上方的enter-item-${v}对应的样式代码：

    1.  @selectors: 1, 2, 3,4,5,6,7;
    2. each(@selectors, {
    3.     .enter-item-@{value} {
    4.           position: absolute;
    5.           top: unit((@value * 10+7),vh);
    6.         }
    7. });

    最后的结果：
    image.png
    image.png