效果:首先看到一个是顺时针0-7的九宫格,八个奖品和一个开始按钮,点击之后会从0-7按顺序加样式,会由慢到快,然后匀速,在由快到慢,最后定格,抽奖会有概率。
好,话不多,说上代码
<template>
<div class="chous">
<div class="ch">
<p :class="'item' + color[0]">{
{ list[0].name }}</p>
<p :class="'item' + color[1]">{
{ list[1].name }}</p>
<p :class="'item' + color[2]">{
{ list[2].name }}</p>
</div>
<div class="ch">
<p :class="'item' + color[7]">{
{ list[7].name }}</p>
<p @click="aa()">开始</p>
<p :class="'item' + color[3