root/riwa-ionic
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

feat: 更新二维码页面样式，调整背景色和文本样式

Browse Source
This commit is contained in:
Seven
2025-12-27 20:42:18 +07:00
parent 03c923e9d2
commit 7ce5d428b1
1 changed files with 4 additions and 4 deletions
Download Patch File Download Diff File Expand all files Collapse all files

8
src/views/onchain-address/index.vue
View File

@@ -29,10 +29,10 @@ const qrcode = useQRCode(url, {
</IonHeader> </IonHeader>
<IonContent :fullscreen="true" class="ion-padding"> <IonContent :fullscreen="true" class="ion-padding">
<div class="flex justify-center items-center flex-col mt-20"> <div class="flex justify-center items-center flex-col mt-20">
<div class="w-[80vw] h-[80vw] bg-text-900 max-w-130 max-h-130 rounded-[14px] p-4 flex flex-col justify-center items-center relative border border-text-500"> <div class="w-[80vw] h-[80vw] bg-gray-50 max-w-130 max-h-130 rounded-[14px] p-4 flex flex-col justify-center items-center relative border border-text-900">
<div class="absolute top-0 left-1/2 -translate-x-1/2 -translate-y-1/2 flex flex-col items-center"> <div class="absolute top-0 left-1/2 -translate-x-1/2 -translate-y-1/2 flex flex-col items-center">
<div class="p-1 rounded-full w-fit"> <div class="p-1 rounded-full w-fit">
<ui-avatar class="size-15 border border-[--border-color]" /> <ui-avatar class="size-15 border border-text-900" />
</div> </div>
</div> </div>
@@ -42,12 +42,12 @@ const qrcode = useQRCode(url, {
</div> </div>
<div class="mt-4"> <div class="mt-4">
<ion-text color="secondary"> <ion-text color="secondary">
<div class="text-sm text-text-500 font-semibold"> <div class="text-sm text-text-400">
Onchain address Onchain address
</div> </div>
</ion-text> </ion-text>
<ion-text> <ion-text>
<div class="mt-4px text-md font-mono break-all"> <div class="mt-4px text-md font-semibold break-all">
0x1234567890abcdef1234 0x1234567890abcdef1234
</div> </div>
</ion-text> </ion-text>