添加新文件

2025-05-07 10:09:55 +08:00
parent 007b002b81
commit 7e7a096151
776 changed files with 92603 additions and 0 deletions
@@ -0,0 +1,91 @@
+<template>
+    <view class="content">
+        <view class="lottery">
+            <dengbo-lotteryWheel :prizes="prizes" :size="626" :duration="5000" @run="Click"
+                @done="Done" ref="luckyWheel" :lightImgs="lightImages" customStyle="borderRadius: 50%;">
+                <template v-slot:bg>
+                    <image src="/static/turntable/turntable.png" style="width: 100%; height: 100%" />
+                </template>
+                <template v-slot:pointer>
+                    <up-image src="/static/turntable/zz.png" width="40" height="40" mode="widthFix" @click="startWheel"></up-image>
+                </template>
+            </dengbo-lotteryWheel>
+        </view>
+    </view>
+</template>
+
+<script>
+    export default {
+        data() {
+            return {
+                lightImages: ['/static/turntable/zz.png', '/static/turntable/turntable.png'],
+                prizes: [{
+                        name: '积分',
+                        image: '/static/turntable/record.png',
+                        pro: '50积分',
+                    },
+                    {
+                        name: '积分',
+                        image: '/static/turntable/record.png',
+                        pro: '100积分',
+                    },
+                    {
+                        name: '优惠券',
+                        image: '/static/turntable/record.png',
+                        pro: '15元优惠券',
+                    },
+                    {
+                        name: '家用电器',
+                        image: '/static/turntable/record.png',
+                        pro: '微波炉',
+                    },
+                    {
+                        name: '谢谢参与',
+                        image: '/static/turntable/record.png',
+                        pro: '15元优惠券',
+                    },
+                    {
+                        name: '办公用品',
+                        image: '/static/turntable/record.png',
+                        pro: '机械键盘',
+                    },
+                    {
+                        name: '生活用品',
+                        image: '/static/turntable/record.png',
+                        pro: '化妆刷',
+                    },
+                ],
+            }
+        },
+        onLoad() {
+
+        },
+        methods: {
+            startWheel() {
+                this.$refs.luckyWheel.run(2);
+            },
+            Click() {
+                console.log('用户点击了转盘');
+                this.$refs.luckyWheel.run(2);
+            },
+            Done(prize) {
+                console.log('抽奖结束，中奖奖品：', prize);
+            },
+        }
+    }
+</script>
+
+<style>
+    .content{
+        display: flex;
+        flex-direction: column;
+        align-items: center;
+    }
+    .lottery {
+        position: relative;
+        display: inline-block;
+        width: 626rpx;
+        height: 626rpx;
+        margin-top: 100rpx;
+      }
+</style>