首頁 > 軟體

Vue3實現九宮格抽獎的範例程式碼

2022-10-02 14:00:28

前言

物件說晚飯吃什麼太難選擇,問我能不能做一個九宮格抽獎來決定我們晚上吃什麼,emmm。

既然物件都開口了,不做也不行啊,最後給大家看一個簡化版的(沒有美工樣式、編輯獎品這些)

前期構思

首先是佈局,這個比較簡單,用彈性佈局(flex)就足夠了,抽獎盒子固定寬高,獎品項為盒子的1/3,超過換行就行,轉動方向是這樣的:

抽獎方式主要分為兩種,一種是隨機抽取(完全隨機),還有一種是指定獎品抽取(瞞著女朋友加的功能


IT145.com E-mail:sddin#qq.com