Przeglądaj źródła

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

Burt 2 lat temu
rodzic
commit
ad1207fb65
2 zmienionych plików z 4 dodań i 1 usunięć
  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>
 <template>
-  <view>
+  <view class="text-center">
     <view class="container">
       <view class="prize-list" :style="styleObj">
         <view
@@ -19,11 +19,14 @@
       </view>
       <view class="lottery-btn" @click="start"> </view>
     </view>
+    <view class="text-blue-600 my-2">目标是实现如下的效果,但是我感觉只用css还是太难了</view>
+    <image :src="targetImg" mode="widthFix" width="552px" />
   </view>
 </template>
 
 <script lang="ts" setup>
 import { ref, computed } from 'vue'
+import targetImg from './target.png'
 
 // 后台配置的奖品数据
 const prizeList = [

BIN
src/pages/lottery/target.png