Yinux/unibest
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

refactor: 使用repeating-conic-gradient简化代码

Browse Source
This commit is contained in:
Burt 2024-01-12 11:37:23 +08:00
parent c1f6e467b6
commit ad7b990413
1 changed files with 4 additions and 7 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

11
src/pages/lottery/big-wheel.vue
View File

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