Question

我已经尝试了几个小时来更改轮子和物品的宽度，但是我不知道该如何https://jsfiddle.net/ywm3zbc4/105/

我想将车轮宽度更改为600像素，但仍然使用该功能选择车轮应该着陆的位置

    .wheel {
      width: 600px;
    }

    var wheel = new SpinWheel(20);

在没有完全破坏的情况下，更改宽度后运行它会跳过并且不会落在“ 20”上

Answer 1

作为内部wheel-wrapper类，您有（39个轮子项目）wheel-item。您需要在wheel-wrapper和wheel-item两个地方都更改宽度。您需要将wheel-wrapper除以您想要的wheel-item。例如，我已将2925px的宽度wheel-wrapper设为39。这样，车轮项目的宽度75px。

注意：您可以根据需要进行更改。

我进行的更改：

.wheel {
  width: 470px;
  height: 50px;
  padding: 10px 9px;
  margin: 0 auto;
  overflow: hidden;
  &-wrapper {
    width: 2925px;   //changed
  }
  &-item {
    float: left; 
    width: 75px;    //changed
    height: 30px;
    color: white;
    text-align: center;
    p {
      line-height: 30px;
      margin: 0;
    }
  }

Test link

如何扩大轮子的宽度？

1 个答案: