From ad7b990413a8d240a5cd57440e7d6d345c507585 Mon Sep 17 00:00:00 2001
From: Burt <1020103647@qq.com>
Date: Fri, 12 Jan 2024 11:37:23 +0800
Subject: [PATCH] =?UTF-8?q?refactor:=20=E4=BD=BF=E7=94=A8repeating-conic-g?=
 =?UTF-8?q?radient=E7=AE=80=E5=8C=96=E4=BB=A3=E7=A0=81?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/pages/lottery/big-wheel.vue | 11 ++++-------
 1 file changed, 4 insertions(+), 7 deletions(-)

diff --git a/src/pages/lottery/big-wheel.vue b/src/pages/lottery/big-wheel.vue
index e563288..176ecf6 100644
--- a/src/pages/lottery/big-wheel.vue
+++ b/src/pages/lottery/big-wheel.vue
@@ -85,13 +85,10 @@ const totalRunAngle = computed(() => {
 
 // 计算绘制转盘背景
 const bgColor = (() => {
-  const _len = prizeList.length
-  const colorList = ['#5352b3', '#363589']
-  let colorVal = ''
-  for (let i = 0; i < _len; i++) {
-    colorVal += `${colorList[i % 2]} ${rotateAngle.value * i}deg ${rotateAngle.value * (i + 1)}deg,`
-  }
-  return `background: conic-gradient(${colorVal.slice(0, -1)});`
+  const [c1, c2] = ['#5352b3', '#363589']
+  // repeating-conic-gradient(red 0 15deg, blue  15deg 30deg);
+  return `background: repeating-conic-gradient(${c1} 0 ${rotateAngle.value}deg,
+  ${c2} ${rotateAngle.value}deg ${2 * rotateAngle.value}deg);`
 })()
 
 const styleObj = ref(bgColor)