diff --git a/src/views/components/management/person/components/safety-verification-modal/index.vue b/src/views/components/management/person/components/safety-verification-modal/index.vue deleted file mode 100644 index 9bf3be8..0000000 --- a/src/views/components/management/person/components/safety-verification-modal/index.vue +++ /dev/null @@ -1,171 +0,0 @@ - - - - - diff --git a/src/views/components/management/person/components/safety-verification-modal/style.scss b/src/views/components/management/person/components/safety-verification-modal/style.scss deleted file mode 100644 index 911f337..0000000 --- a/src/views/components/management/person/components/safety-verification-modal/style.scss +++ /dev/null @@ -1,110 +0,0 @@ -.safety-verification-modal { - .modal-content { - padding: 24px; - text-align: center; - - .description { - margin-bottom: 24px; - - .title-text { - font-size: 18px; - font-weight: 500; - color: #211f24; - margin-bottom: 8px; - } - - .desc-text { - font-size: 14px; - color: #737478; - line-height: 20px; - } - } - - .verify-section { - margin-bottom: 24px; - - .phone-info { - display: flex; - justify-content: center; - align-items: center; - margin-bottom: 16px; - - .label { - font-size: 14px; - color: #737478; - } - - .phone-number { - font-size: 14px; - font-weight: 500; - color: #211f24; - margin: 0 8px; - } - } - - .captcha-input { - margin-bottom: 16px; - - .input-group { - display: flex; - justify-content: center; - - .captcha-input-field { - width: 200px; - height: 40px; - border-radius: 4px; - border: 1px solid var(--BG-400, rgba(215, 215, 217, 1)); - - &:focus { - border-color: var(--Brand-Brand-6, rgba(109, 76, 254, 1)); - box-shadow: 0 2px 4px 0 rgba(109, 76, 254, 0.2); - } - } - } - } - - .countdown { - font-size: 14px; - color: #737478; - margin-bottom: 16px; - - .countdown-text { - color: #737478; - } - - .resend-btn { - color: var(--Brand-Brand-6, rgba(109, 76, 254, 1)); - cursor: pointer; - font-weight: 500; - transition: color 0.2s; - - &:hover { - color: var(--Brand-Brand-7, rgba(95, 67, 238, 1)); - } - } - } - } - - .action-buttons { - display: flex; - justify-content: center; - gap: 16px; - - .arco-btn { - min-width: 100px; - height: 40px; - } - - .arco-btn-primary { - background-color: var(--Brand-Brand-6, rgba(109, 76, 254, 1)); - border-color: var(--Brand-Brand-6, rgba(109, 76, 254, 1)); - color: white; - - &:hover { - background-color: var(--Brand-Brand-7, rgba(95, 67, 238, 1)); - border-color: var(--Brand-Brand-7, rgba(95, 67, 238, 1)); - } - } - } - } -}