Просмотр исходного кода

feat: 大转盘 - 未来的目标效果图

Burt 2 лет назад
Родитель
Сommit
ad1207fb65
2 измененных файлов с 4 добавлено и 1 удалено
  1. 4 1
      src/pages/lottery/big-wheel.vue
  2. BIN
      src/pages/lottery/target.png

+ 4 - 1
src/pages/lottery/big-wheel.vue

@@ -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