我现在正在创建一个网站（自定义主题），我想在一个页面上使用这个元素（https://codepen.io/ettrics/pen/qaXVAd）。由于我对 html 和 css 的了解不多（足以自定义一点），因此我无法让它让我在一个页面上使用多个。我只想要它们中的 3 个彼此相邻。尝试过一些定制，听说过一些关于孩子的事情，但我自己不知道如何去做。那是 html，其余的在 codpen 链接上：<html><body> <div class="wrapper"> <div class="container chart" data-size="400" data-value="88" data-arrow="up"> </div> </div></body>任何帮助是极大的赞赏 ：）
2 回答
富国沪深
TA贡献1790条经验 获得超9个赞
如果您将标记更改为具有更多containerdiv，例如：
<div class="wrapper">
<div class="container chart" data-size="400" data-value="88" data-arrow="up"></div>
<div class="container chart" data-size="400" data-value="88" data-arrow="up"></div>
<div class="container chart" data-size="400" data-value="88" data-arrow="up"></div>
</div>
...然后选择容器的代码会将它们添加到containers列表中，您可以像在第一个容器中所做的那样将刻度盘放入其中（并为刻度盘设置动画），例如：
var dial = new Dial(containers[0]);
var dial2 = new Dial(containers[1]);
var dial3 = new Dial(containers[2]);
dial.animateStart();
dial2.animateStart();
dial3.animateStart();
添加回答
举报
0/150
提交
取消