diff --git a/src/mobile/views/auth/alipay/index.vue b/src/mobile/views/auth/alipay/index.vue index ffaa587..79b546b 100644 --- a/src/mobile/views/auth/alipay/index.vue +++ b/src/mobile/views/auth/alipay/index.vue @@ -5,6 +5,7 @@ import { ref } from 'vue' import { useI18n } from 'vue-i18n' import { useRoute } from 'vue-router' import { authAndGet } from '@/shared/api/channel-auth' +import alipayLogo from '@/shared/assets/icons/channel/alipay.svg' defineOptions({ name: 'AlipayAuthPage' }) @@ -124,15 +125,15 @@ function handleClose() {
- +
{{ t('auth.alipay.loading') }}
@@ -140,7 +141,9 @@ function handleClose() {
- +

{{ t('auth.alipay.failTitle') }} @@ -158,7 +161,9 @@ function handleClose() {
- +

{{ t('auth.alipay.successTitle') }} @@ -168,7 +173,9 @@ function handleClose() { {{ t('auth.alipay.userId') }}
{{ authResult.userId || authResult.openId }} - +

@@ -212,16 +219,10 @@ function handleClose() { margin-bottom: 24px; .channel-logo { - display: flex; - align-items: center; - justify-content: center; + display: block; width: 64px; height: 64px; - font-size: 28px; - font-weight: 700; - color: #fff; - background: linear-gradient(135deg, #1677ff, #69b1ff); - border-radius: 16px; + object-fit: contain; } } @@ -238,10 +239,9 @@ function handleClose() { font-size: 12px; color: #999; - .van-icon { + .tip-icon { + flex-shrink: 0; margin-right: 4px; - font-size: 14px; - color: #1677ff; } } } @@ -249,6 +249,7 @@ function handleClose() { .result-box { .status-icon { margin-bottom: 16px; + line-height: 0; } .result-title { @@ -305,8 +306,6 @@ function handleClose() { .copy-icon { flex-shrink: 0; - font-size: 16px; - color: #1677ff; } } } diff --git a/src/mobile/views/auth/wechat/index.vue b/src/mobile/views/auth/wechat/index.vue index 4e1cca3..5722c23 100644 --- a/src/mobile/views/auth/wechat/index.vue +++ b/src/mobile/views/auth/wechat/index.vue @@ -5,6 +5,7 @@ import { onMounted, ref } from 'vue' import { useI18n } from 'vue-i18n' import { useRoute } from 'vue-router' import { authAndGet } from '@/shared/api/channel-auth' +import wechatLogo from '@/shared/assets/icons/channel/wechat.svg' defineOptions({ name: 'WechatAuthPage' }) @@ -91,15 +92,15 @@ function handleBack() {
- +
{{ t('auth.wechat.loading') }}
@@ -107,7 +108,9 @@ function handleBack() {
- +

{{ t('auth.wechat.failTitle') }} @@ -125,7 +128,9 @@ function handleBack() {
- +

{{ t('auth.wechat.successTitle') }} @@ -135,7 +140,9 @@ function handleBack() { {{ t('auth.wechat.openId') }}
{{ authResult.openId }} - +

@@ -179,16 +186,10 @@ function handleBack() { margin-bottom: 24px; .channel-logo { - display: flex; - align-items: center; - justify-content: center; + display: block; width: 64px; height: 64px; - font-size: 28px; - font-weight: 700; - color: #fff; - background: linear-gradient(135deg, #07c160, #5fd39a); - border-radius: 16px; + object-fit: contain; } } @@ -205,10 +206,9 @@ function handleBack() { font-size: 12px; color: #999; - .van-icon { + .tip-icon { + flex-shrink: 0; margin-right: 4px; - font-size: 14px; - color: #07c160; } } } @@ -216,6 +216,7 @@ function handleBack() { .result-box { .status-icon { margin-bottom: 16px; + line-height: 0; } .result-title { @@ -272,8 +273,6 @@ function handleBack() { .copy-icon { flex-shrink: 0; - font-size: 16px; - color: #07c160; } } } diff --git a/src/pc/views/auth/wechat/Index.vue b/src/pc/views/auth/wechat/Index.vue index d838501..14c53c4 100644 --- a/src/pc/views/auth/wechat/Index.vue +++ b/src/pc/views/auth/wechat/Index.vue @@ -4,6 +4,7 @@ import { onMounted, onUnmounted, ref } from 'vue' import { useI18n } from 'vue-i18n' import { useRoute } from 'vue-router' import { authAndGet } from '@/shared/api/channel-auth' +import wechatLogo from '@/shared/assets/icons/channel/wechat.svg' defineOptions({ name: 'PcWechatAuth' }) @@ -115,7 +116,7 @@ function handleBack() {

@@ -215,14 +216,16 @@ function handleBack() { display: flex; align-items: center; justify-content: center; - font-size: 32px; - font-weight: 700; - color: #fff; - background: linear-gradient(135deg, #07c160, #5fd39a); - border-radius: 18px; margin-bottom: 28px; } +.pc-wechat-auth__logo img { + display: block; + width: 64px; + height: 64px; + object-fit: contain; +} + .pc-wechat-auth__spinner { width: 36px; height: 36px; diff --git a/src/shared/assets/icons/channel/alipay.svg b/src/shared/assets/icons/channel/alipay.svg new file mode 100644 index 0000000..87ced0a --- /dev/null +++ b/src/shared/assets/icons/channel/alipay.svg @@ -0,0 +1 @@ + diff --git a/src/shared/assets/icons/channel/wechat.svg b/src/shared/assets/icons/channel/wechat.svg new file mode 100644 index 0000000..1a05a9b --- /dev/null +++ b/src/shared/assets/icons/channel/wechat.svg @@ -0,0 +1 @@ +