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