vue时钟组件_一个简单的vue时钟组件

vue时钟组件_一个简单的vue时钟组件
关键的 less 代码

<style lang="less" scoped>
@angle: 30deg;
 /* 定义时钟数组 */
    @timeList: 1,2,3,4,5,6,7,8,9,10,11,12;
    each(@timeList, {
        .hour:nth-of-type(@{value}) {
            transform: rotatez(@angle * (@value - 1));
            > span {
                transform: rotatez(-@angle * (@value - 1));
            }
        }
    });
</style>

微信

悦读

道可道，非常道；名可名，非常名。无名，天地之始，有名，万物之母。故常无欲，以观其妙，常有欲，以观其徼。此两者，同出而异名，同谓之玄，玄之又玄，众妙之门。