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

最新推荐文章于 2024-07-19 12:32:40 发布

s小布丁

最新推荐文章于 2024-07-19 12:32:40 发布

阅读量2.3k

点赞数

分类专栏： css

原文链接：https://blog.csdn.net/cuk5239/article/details/107697136?utm_medium=distribute.pc_relevant.none-task-blog-baidujs_baidulandingword-5&spm=1001.2101.3001.4242

版权

Vue 时钟组件 Less CSS转换前端开发

关键词由CSDN通过智能技术生成

css 专栏收录该内容

2 篇文章 0 订阅

订阅专栏

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>