|
|
@@ -44,7 +44,7 @@
|
|
|
}
|
|
|
|
|
|
#app {
|
|
|
- background: url('https://xiaoyou.dgtis.com/images/image/2023/09/12/5opx47olb1unf4po3vxt.png') no-repeat;
|
|
|
+ background: url('https://xiaoyou.dgtis.com/images/image/2023/12/22/0s0xlnhasds6lsotuv36.png') no-repeat;
|
|
|
/* background: url('https://xiaoyou.dgtis.com/images/image/2023/09/19/y5epqefrpodtfzyw0qd9.png') no-repeat; */
|
|
|
background-size: 100% 100%;
|
|
|
width: 640px;
|
|
|
@@ -178,15 +178,6 @@
|
|
|
|
|
|
<body>
|
|
|
<div id="app" v-cloak class="app">
|
|
|
- <div class="rules" @click="showRules">
|
|
|
- 抽奖<br>规则
|
|
|
- </div>
|
|
|
- <!-- <div class="recordBtn" @click="showRecordList">
|
|
|
- 获奖<br>名单
|
|
|
- </div> -->
|
|
|
- <!-- <div class="recordBtn" @click="showRecordList">
|
|
|
- <img src="https://xiaoyou.dgtis.com/images/image/2023/09/06/lt1vbg426idwq725ysdm.png" alt="抽奖记录">
|
|
|
- </div> -->
|
|
|
<div class="container">
|
|
|
<div class="prize-list" ref="prizeWrap" :style="bgColor">
|
|
|
<div class="prize-item" v-for="(item, index) in prizeList" :style="prizeStyle(index)">
|
|
|
@@ -224,7 +215,9 @@
|
|
|
</div>
|
|
|
</div>
|
|
|
</el-dialog>
|
|
|
- <script src="https://cdn.bootcdn.net/ajax/libs/vue/3.3.4/vue.global.js"></script>
|
|
|
+ </div>
|
|
|
+</body>
|
|
|
+ <script src="https://cdn.bootcdn.net/ajax/libs/vue/3.3.4/vue.global.js"></script>
|
|
|
<link href="https://cdn.bootcdn.net/ajax/libs/element-plus/2.3.12/index.css" rel="stylesheet">
|
|
|
<script src="https://cdn.bootcdn.net/ajax/libs/element-plus/2.3.12/index.full.js"></script>
|
|
|
<script src="https://cdn.bootcdn.net/ajax/libs/jquery/2.1.0/jquery.js"></script>
|
|
|
@@ -249,40 +242,7 @@
|
|
|
rule:'',
|
|
|
token: '',
|
|
|
actId: '',
|
|
|
- prizeList: [
|
|
|
- // {
|
|
|
- // prizeName: '手机',
|
|
|
- // imgUrl: 'https://xiaoyou.dgtis.com/images/image/2023/08/15/6b8jfssjhybfj572ybs3.jpg'
|
|
|
- // },
|
|
|
- // {
|
|
|
- // prizeName: '手表',
|
|
|
- // imgUrl: 'https://img1.baidu.com/it/u=2631716577,1296460670&fm=253&fmt=auto&app=120&f=JPEG'
|
|
|
- // },
|
|
|
- // {
|
|
|
- // prizeName: '苹果',
|
|
|
- // imgUrl: 'https://img2.baidu.com/it/u=2611478896,137965957&fm=253&fmt=auto&app=138&f=JPEG'
|
|
|
- // },
|
|
|
- // {
|
|
|
- // prizeName: '棒棒糖',
|
|
|
- // imgUrl: 'https://img2.baidu.com/it/u=576980037,1655121105&fm=253&fmt=auto&app=138&f=PNG'
|
|
|
- // },
|
|
|
- // {
|
|
|
- // prizeName: '娃娃',
|
|
|
- // imgUrl: 'https://img2.baidu.com/it/u=4075390137,3967712457&fm=253&fmt=auto&app=138&f=PNG'
|
|
|
- // },
|
|
|
- // {
|
|
|
- // prizeName: '木马',
|
|
|
- // imgUrl: 'https://img1.baidu.com/it/u=2434318933,2727681086&fm=253&fmt=auto&app=120&f=JPEG'
|
|
|
- // },
|
|
|
- // {
|
|
|
- // prizeName: '德芙',
|
|
|
- // imgUrl: 'https://img0.baidu.com/it/u=1378564582,2397555841&fm=253&fmt=auto&app=120&f=JPEG'
|
|
|
- // },
|
|
|
- // {
|
|
|
- // prizeName: '玫瑰',
|
|
|
- // imgUrl: 'https://img1.baidu.com/it/u=1125656938,422247900&fm=253&fmt=auto&app=120&f=JPEG'
|
|
|
- // },
|
|
|
- ], // 后台配置的奖品数据
|
|
|
+ prizeList: [ ], // 后台配置的奖品数据
|
|
|
isRunning: false, // 是否正在抽奖
|
|
|
baseRunAngle: 360 * 5, // 总共转动角度 至少5圈
|
|
|
prizeId: 0, // 中奖id
|
|
|
@@ -327,7 +287,6 @@
|
|
|
})
|
|
|
|
|
|
onBeforeMount(()=>{
|
|
|
- debugger
|
|
|
window.addEventListener('message', function (e) {
|
|
|
console.log("接收值：", e.data)
|
|
|
state.token = e.data.token;
|
|
|
@@ -349,7 +308,6 @@
|
|
|
|
|
|
// 获取大转盘信息
|
|
|
async function getTurntableInfo() {
|
|
|
- debugger
|
|
|
const postData = {
|
|
|
actId: state.actId,
|
|
|
};
|
|
|
@@ -484,7 +442,6 @@
|
|
|
state.dialogRecordList = true;
|
|
|
}
|
|
|
const start = () => {
|
|
|
- debugger
|
|
|
// ElementPlus.ElMessage({
|
|
|
// showClose: true,
|
|
|
// message: '已无抽奖次数！',
|
|
|
@@ -563,6 +520,4 @@
|
|
|
}
|
|
|
}).use(ElementPlus).mount('#app')
|
|
|
</script>
|
|
|
-</body>
|
|
|
-
|
|
|
</html>
|
