diff --git a/src/components/Card/src/CardTitle.vue b/src/components/Card/src/CardTitle.vue
index 041c116a..5b122f49 100644
--- a/src/components/Card/src/CardTitle.vue
+++ b/src/components/Card/src/CardTitle.vue
@@ -19,17 +19,18 @@ const { title } = defineProps({
 .card-title {
   font-size: 14px;
   font-weight: 600;
+
   &::before {
-    content: '';
+    position: relative;
+    top: 8px;
+    left: -5px;
     display: inline-block;
     width: 3px;
     height: 14px;
     //background-color: #105cfb;
     background: var(--el-color-primary);
-    position: relative;
-    left: -5px;
-    top: 8px;
     border-radius: 5px;
+    content: '';
     transform: translateY(-50%);
   }
 }
diff --git a/src/components/Descriptions/src/DescriptionsItemLabel.vue b/src/components/Descriptions/src/DescriptionsItemLabel.vue
index 1e1b9b03..4efb2fb7 100644
--- a/src/components/Descriptions/src/DescriptionsItemLabel.vue
+++ b/src/components/Descriptions/src/DescriptionsItemLabel.vue
@@ -22,6 +22,7 @@ const { label } = defineProps({
 .cell-item {
   display: inline;
 }
+
 .cell-item::after {
   content: ':';
 }
diff --git a/src/layout/components/Menu/src/Menu.vue b/src/layout/components/Menu/src/Menu.vue
index 51d0c61b..9033616f 100644
--- a/src/layout/components/Menu/src/Menu.vue
+++ b/src/layout/components/Menu/src/Menu.vue
@@ -172,7 +172,7 @@ $prefix-cls: #{$namespace}-menu;
     .#{$elNamespace}-menu-item.is-active {
       position: relative;
 
-      &:after {
+      &::after {
         @extend .is-active--after;
       }
     }
@@ -195,7 +195,7 @@ $prefix-cls: #{$namespace}-menu;
       position: relative;
       background-color: var(--left-menu-collapse-bg-active-color) !important;
 
-      &:after {
+      &::after {
         @extend .is-active--after;
       }
     }
@@ -226,7 +226,7 @@ $prefix-cls: #{$namespace}-menu;
       .#{$elNamespace}-menu-item.is-active {
         position: relative;
 
-        &:after {
+        &::after {
           display: none !important;
         }
       }
@@ -282,7 +282,7 @@ $prefix-cls: #{$namespace}-menu-popper;
       background-color: var(--left-menu-bg-active-color) !important;
     }
 
-    &:after {
+    &::after {
       @extend .is-active--after;
     }
   }
diff --git a/src/views/mall/product/comment/CommentForm.vue b/src/views/mall/product/comment/CommentForm.vue
index 77557437..883c230a 100644
--- a/src/views/mall/product/comment/CommentForm.vue
+++ b/src/views/mall/product/comment/CommentForm.vue
@@ -150,6 +150,7 @@ const resetForm = () => {
     userNickname: undefined,
     userAvatar: undefined,
     spuId: undefined,
+    spuName: undefined,
     skuId: undefined,
     descriptionScores: 5,
     benefitScores: 5,
@@ -182,11 +183,11 @@ const handleSkuChange = (sku: ProductSpuApi.Sku) => {
 <style>
 .select-box {
   display: flex;
-  align-items: center;
-  justify-content: center;
-  border: 1px dashed var(--el-border-color-darker);
-  border-radius: 8px;
   width: 100%;
   height: 100%;
+  border: 1px dashed var(--el-border-color-darker);
+  border-radius: 8px;
+  align-items: center;
+  justify-content: center;
 }
 </style>
diff --git a/src/views/mall/promotion/coupon/template/CouponTemplateForm.vue b/src/views/mall/promotion/coupon/template/CouponTemplateForm.vue
index 0c4238ac..6c248b55 100644
--- a/src/views/mall/promotion/coupon/template/CouponTemplateForm.vue
+++ b/src/views/mall/promotion/coupon/template/CouponTemplateForm.vue
@@ -423,22 +423,24 @@ const handleRemoveSpu = (index: number) => {
 <style scoped lang="scss">
 .select-box {
   display: flex;
-  align-items: center;
-  justify-content: center;
-  border: 1px dashed var(--el-border-color-darker);
-  border-radius: 8px;
   width: 60px;
   height: 60px;
+  border: 1px dashed var(--el-border-color-darker);
+  border-radius: 8px;
+  align-items: center;
+  justify-content: center;
 }
+
 .spu-pic {
   position: relative;
 }
+
 .del-icon {
   position: absolute;
+  top: -10px;
+  right: -10px;
   z-index: 1;
   width: 20px !important;
   height: 20px !important;
-  right: -10px;
-  top: -10px;
 }
 </style>
diff --git a/src/views/member/user/detail/UserAccountInfo.vue b/src/views/member/user/detail/UserAccountInfo.vue
index 6e847d06..fff4b6b0 100644
--- a/src/views/member/user/detail/UserAccountInfo.vue
+++ b/src/views/member/user/detail/UserAccountInfo.vue
@@ -54,6 +54,7 @@ const { user } = defineProps<{ user: UserApi.UserVO }>()
 .cell-item {
   display: inline;
 }
+
 .cell-item::after {
   content: ':';
 }
diff --git a/src/views/member/user/detail/index.vue b/src/views/member/user/detail/index.vue
index 3c329a5b..bd084687 100644
--- a/src/views/member/user/detail/index.vue
+++ b/src/views/member/user/detail/index.vue
@@ -63,12 +63,13 @@ import UserAddressList from './UserAddressList.vue'
 import UserPointList from './UserPointList.vue'
 import UserSignList from './UserSignList.vue'
 import { CardTitle } from '@/components/Card/index'
+import { ElMessage } from 'element-plus'
 
 defineOptions({ name: 'MemberDetail' })
 
 const activeName = ref('point') // 账户明细 选中的 tabs
 const loading = ref(true) // 加载中
-let user = ref<UserApi.UserVO>({})
+const user = ref<UserApi.UserVO>()
 
 /** 添加/修改操作 */
 const formRef = ref()
@@ -104,10 +105,12 @@ onMounted(() => {
 .detail-info-item:first-child {
   padding-left: 0 !important;
 }
+
 /* first-child 不生效有没有大佬给看下q.q */
 .detail-info-item:nth-child(2) {
   padding-right: 0 !important;
 }
+
 .card-header {
   display: flex;
   justify-content: space-between;
diff --git a/src/views/pay/order/index.vue b/src/views/pay/order/index.vue
index 9f537e50..16026599 100644
--- a/src/views/pay/order/index.vue
+++ b/src/views/pay/order/index.vue
@@ -267,7 +267,7 @@ onMounted(async () => {
 </script>
 <style>
 .order-font {
-  font-size: 12px;
   padding: 2px 0;
+  font-size: 12px;
 }
 </style>