【笔记】圆环形座位布局
前言
利用CSS中的2D旋转实现圆环形座位布局
HTML
1 | <div class="seat"> |
CSS
- 添加基本样式样式
1 | .seat { |
Javascript
- 根据无需列表数量,计算位置并动态渲染
- 向无需列表内添加元素,例如我这里添加图片作为元素
1 | let lis = document.querySelectorAll(".seat ul li"); |
利用CSS中的2D旋转实现圆环形座位布局
1 | <div class="seat"> |
1 | .seat { |
1 | let lis = document.querySelectorAll(".seat ul li"); |