Merge pull request #29 from stepbystepcode/dev

add 0 avatar & FlypenTeam avatar

Author: stepbystepcode

src/pages/AvatarPage.vue

@@ -3,9 +3,9 @@
   <div style="width: 80vw; margin: 0 auto">
     <div class="text-h4 q-my-sm">Choose your photo</div>
     <div style="display: grid;grid-template-columns: repeat(4,1fr)">
-      <div v-for="i in 31" class="row flex-center" :key="i" @click="console.log(i); selectAvatar(i)"
-        :style="`border:${avatar === i ? '4px #1976D2 solid' : '4px #fff solid'}`">
-        <img :src="store.avatar(i)" alt="" style="width: 60px; height: 60px">
+      <div v-for="i in 32" class="row flex-center" :key="i" @click="selectAvatar(i-1)"
+        :style="`border:${avatar === i-1 ? '4px #1976D2 solid' : '4px #fff solid'}`">
+        <img :src="store.avatar(i-1)" alt="" style="width: 60px; height: 60px">
       </div>
     </div>
     <div class="row justify-end q-my-md">

src/stores/check.ts

@@ -11,6 +11,7 @@ export const useCheckStore = defineStore('check', () => {
   const avatarList = ['O1kmMD', 'O1ky0I', 'O1kvZ1', 'O1kZBG', 'O1k1Hv', 'O1kn1Y', 'O1kiMU', 'O1kF0p', 'O1kzKj', 'O1kMKK', 'O1bw5s', 'O1b3fB', 'O1bIpg', 'O1bukl', 'O1b88b', 'O1b6DP', 'O1b2n6', 'O1b9wF', 'O1blSD', 'O1bfAI', 'O1bY51', 'O1bsYG', 'O1bdpM', 'O1bckr', 'O1bS6c', 'O1bQDq', 'O1bGnv', 'O1bLCY', 'O1bHSU', 'O1bDAp', 'O1b4qj', 'O1bRYx']
   const unread = ref({});
   const avatar = (n: number) => {
+    if (n===100) return 'https://ooo.0x0.ooo/2023/10/12/O1ffy1.png';
     const str = avatarList[n];
     return `https://ooo.0x0.ooo/2023/10/03/${str}.webp`
   }