From f472206954ef11ab5ef99fb5d11d043240792dd5 Mon Sep 17 00:00:00 2001
From: YuanHuakk <1751826683@qq.com>
Date: Fri, 29 Dec 2023 19:47:44 +0800
Subject: [PATCH] wip: test

---
 src/pages/aoshi/index/index.scss | 68 +++++++++++++++++---------------
 src/pages/aoshi/index/index.vue  |  3 +-
 2 files changed, 39 insertions(+), 32 deletions(-)

diff --git a/src/pages/aoshi/index/index.scss b/src/pages/aoshi/index/index.scss
index c2256e2..8fa91eb 100644
--- a/src/pages/aoshi/index/index.scss
+++ b/src/pages/aoshi/index/index.scss
@@ -56,47 +56,48 @@
   }
 
   .turntable {
-    width: 500px;
-    height: 500px;
-    border: 1px solid #a6a6a6;
-    border-radius: 50%;
-    margin: 50px auto;
-    position: relative;
+    // width: 500px;
+    // height: 500px;
+    // border: 1px solid #a6a6a6;
+    // border-radius: 50%;
+    margin: 30px auto;
+    // position: relative;
 
-    &::before,
-    &::after {
-      content: '';
-      position: absolute;
-      width: 100%;
-      height: 100%;
-      border-radius: 50%;
-      background-color: #a6a6a6;
-    }
+    // &::before,
+    // &::after {
+    //   content: '';
+    //   position: absolute;
+    //   width: 100%;
+    //   height: 100%;
+    //   border-radius: 50%;
+    //   background-color: #a6a6a6;
+    // }
 
-    &::before {
-      width: 2px;
-      height: 100%;
-      left: 50%;
-      top: 0;
-      transform: translateX(-50%);
-    }
+    // &::before {
+    //   width: 2px;
+    //   height: 100%;
+    //   left: 50%;
+    //   top: 0;
+    //   transform: translateX(-50%);
+    // }
 
-    &::after {
-      width: 100%;
-      height: 2px;
-      left: 0;
-      top: 50%;
-      transform: translateY(-50%);
-    }
+    // &::after {
+    //   width: 100%;
+    //   height: 2px;
+    //   left: 0;
+    //   top: 50%;
+    //   transform: translateY(-50%);
+    // }
 
     .num-box {
       display: flex;
-      flex-direction: row;
+      // flex-direction: row;
       flex-wrap: wrap;
       justify-content: space-between;
       align-items: center;
       position: relative;
-      padding: 50px;
+      // padding: 50px;
+      position: relative;
 
       .item {
         width: 200px;
@@ -104,9 +105,14 @@
         text-align: center;
         line-height: 200px;
         font-size: 80px;
+        // background-size: cover;
+        background-repeat: no-repeat;
 
         .icon {
           position: absolute;
+          top: 20%;
+          width: 70px;
+          height: 70px;
         }
       }
     }
diff --git a/src/pages/aoshi/index/index.vue b/src/pages/aoshi/index/index.vue
index 8d5e722..ad7b06c 100644
--- a/src/pages/aoshi/index/index.vue
+++ b/src/pages/aoshi/index/index.vue
@@ -27,11 +27,12 @@
           :key="index"
           :style="{
             color: item.active ? '#ff0000' : '#000',
+            backgroundImage: `url(${item.optActive ? require('../../../static/dz.png') : 'none'})`,
           }"
           @click="handleClick(item)"
         >
           <text>{{ item.value }}</text>
-          <image v-show="item.optActive" class="icon" src="../../../static/dz.png" />
+          <!-- <image class="icon" v-show="item.optActive" src="../../../static/dz.png" /> -->
         </view>
       </view>
     </view>