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