zhb il y a 1 mois
Parent
commit
0dd3def480
3 fichiers modifiés avec 27 ajouts et 1 suppressions
  1. 1 0
      components/cwg-dropdown.vue
  2. 25 1
      components/cwg-popup.vue
  3. 1 0
      components/cwg-right-drawer.vue

+ 1 - 0
components/cwg-dropdown.vue

@@ -191,6 +191,7 @@ defineExpose({
             color: #333;
             transition: background 0.2s;
             box-sizing: border-box;
+            cursor: pointer;
 
             &:last-child {
                 border-bottom: none;

+ 25 - 1
components/cwg-popup.vue

@@ -4,7 +4,8 @@
             <!-- 弹窗头部 -->
             <view class="dialog-header" v-if="title">
                 <text class="dialog-title">{{ title || t('Tips.DeleteAccount') }}</text>
-                <uni-icons type="closeempty" size="20" color="#999" @click="closeDialog" />
+                
+                <uni-icons class="dialog-close" type="closeempty" size="20" color="#999" @click="closeDialog" />
             </view>
 
             <!-- 弹窗内容 -->
@@ -209,6 +210,29 @@ defineExpose({
         font-weight: 600;
         color: #333;
     }
+
+    .dialog-close {
+        width: px2rpx(36);
+        height: px2rpx(36);
+        display: flex;
+        align-items: center;
+        justify-content: center;
+        font-size: px2rpx(32);
+        color: rgba(255, 255, 255, 0.9);
+        cursor: pointer;
+        transition: all 0.3s;
+        border-radius: 50%;
+        background: rgba(255, 255, 255, 0.1);
+
+        &:hover {
+            background: rgba(255, 255, 255, 0.2);
+            transform: rotate(90deg);
+        }
+
+        &:active {
+            transform: rotate(90deg) scale(0.9);
+        }
+    }
 }
 
 .dialog-content {

+ 1 - 0
components/cwg-right-drawer.vue

@@ -203,6 +203,7 @@ defineExpose({
         gap: 8px;
         color: #ff9800;
         font-weight: 600;
+        cursor: pointer;
     }
 }
 </style>