feat: 大转盘 - 未来的目标效果图
This commit is contained in:
parent
5224d89450
commit
ad1207fb65
@ -4,7 +4,7 @@
|
|||||||
}
|
}
|
||||||
</route>
|
</route>
|
||||||
<template>
|
<template>
|
||||||
<view>
|
<view class="text-center">
|
||||||
<view class="container">
|
<view class="container">
|
||||||
<view class="prize-list" :style="styleObj">
|
<view class="prize-list" :style="styleObj">
|
||||||
<view
|
<view
|
||||||
@ -19,11 +19,14 @@
|
|||||||
</view>
|
</view>
|
||||||
<view class="lottery-btn" @click="start"> </view>
|
<view class="lottery-btn" @click="start"> </view>
|
||||||
</view>
|
</view>
|
||||||
|
<view class="text-blue-600 my-2">目标是实现如下的效果,但是我感觉只用css还是太难了</view>
|
||||||
|
<image :src="targetImg" mode="widthFix" width="552px" />
|
||||||
</view>
|
</view>
|
||||||
</template>
|
</template>
|
||||||
|
|
||||||
<script lang="ts" setup>
|
<script lang="ts" setup>
|
||||||
import { ref, computed } from 'vue'
|
import { ref, computed } from 'vue'
|
||||||
|
import targetImg from './target.png'
|
||||||
|
|
||||||
// 后台配置的奖品数据
|
// 后台配置的奖品数据
|
||||||
const prizeList = [
|
const prizeList = [
|
||||||
|
BIN
src/pages/lottery/target.png
Normal file
BIN
src/pages/lottery/target.png
Normal file
Binary file not shown.
After Width: | Height: | Size: 673 KiB |
Loading…
x
Reference in New Issue
Block a user