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

feat: 添加 PrimeQrcode 组件并更新用户信息界面，优化头像背景色

Browse Source
This commit is contained in:
Seven
2025-12-25 19:46:19 +07:00
parent 7df2219f77
commit de810baff1
5 changed files with 28 additions and 15 deletions
Download Patch File Download Diff File Expand all files Collapse all files

24
src/theme/variables.css
View File

@@ -22,12 +22,12 @@ html.ion-palette-light {
--ion-color-tertiary-shade: #5a5a5a;
--ion-color-tertiary-tint: #757575;
--ion-color-success: #2dd55b;
--ion-color-success-rgb: 45, 213, 91;
--ion-color-success-contrast: #000000;
--ion-color-success-contrast-rgb: 0, 0, 0;
--ion-color-success-shade: #28bb50;
--ion-color-success-tint: #42d96b;
--ion-color-success: #2c810e;
--ion-color-success-rgb: 44,129,14;
--ion-color-success-contrast: #ffffff;
--ion-color-success-contrast-rgb: 255,255,255;
--ion-color-success-shade: #27720c;
--ion-color-success-tint: #418e26;
--ion-color-warning: #ffc409;
--ion-color-warning-rgb: 255, 196, 9;
@@ -142,12 +142,12 @@ html.ion-palette-dark {
--ion-color-tertiary-shade: #bcbcbc;
--ion-color-tertiary-tint: #dadada;
--ion-color-success: #2dd55b;
--ion-color-success-rgb: 45, 213, 91;
--ion-color-success-contrast: #000000;
--ion-color-success-contrast-rgb: 0, 0, 0;
--ion-color-success-shade: #28bb50;
--ion-color-success-tint: #42d96b;
--ion-color-success: #2c810e;
--ion-color-success-rgb: 44,129,14;
--ion-color-success-contrast: #ffffff;
--ion-color-success-contrast-rgb: 255,255,255;
--ion-color-success-shade: #27720c;
--ion-color-success-tint: #418e26;
--ion-color-warning: #ffc409;
--ion-color-warning-rgb: 255, 196, 9;

4
src/ui/avatar/index.vue
View File

@@ -3,7 +3,7 @@
<template>
<ion-avatar v-bind="$attrs">
<img
src="https://api.iconify.design/material-icon-theme:remix-light.svg"
src="https://api.iconify.design/material-icon-theme:drizzle.svg"
alt="Avatar"
>
</ion-avatar>
@@ -11,7 +11,7 @@
<style lang='css' scoped>
ion-avatar {
background-color: var(--ion-color-success);
background-color: #e7f6e1;
padding: 10px;
}
</style>

4
src/views/user/components/user-info.vue
View File

@@ -1,5 +1,6 @@
<script lang='ts' setup>
import { chevronForwardOutline, copyOutline, qrCodeOutline } from "ionicons/icons";
import PrimeQrcode from "~icons/prime/qrcode";
const userStore = useUserStore();
const { userProfile } = storeToRefs(userStore);
@@ -19,7 +20,8 @@ const { userProfile } = storeToRefs(userStore);
</div>
</div>
<div class="link" @click="$router.push('/onchain-address')">
<ion-icon :icon="qrCodeOutline" class="qr-code" />
<PrimeQrcode class="qr-code" />
<ion-icon :icon="chevronForwardOutline" />
</div>
</div>
</template>