Press n or j to go to the next uncovered block, b, p or k for the previous block.
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75 76 | <template> <q-list class="q-pr-xl q-mt-lg"> <q-item to="/account/edit"> <q-item-section avatar> <q-avatar size="128px"> <q-img basic :src="user.photoURL" /> </q-avatar> </q-item-section> </q-item> <q-item to="/account/edit"> <q-item-section> <q-item-label>{{user.name}}</q-item-label> <q-item-label caption>{{user.email}}</q-item-label> </q-item-section> <q-item-section side> <q-btn round dense flat to="/account/edit"> <q-icon name="fas fa-edit" size="18px" class="q-pa-sm text-grey-4" /> </q-btn> </q-item-section> </q-item> <q-item to="/account/edit"> <q-item-section> <q-item-label caption>{{user.bio || "No bio yet. Click to add one."}}</q-item-label> </q-item-section> </q-item> <q-item> <q-separator class="q-my-md" /> </q-item> <!-- <q-item clickable to="/account"> <q-item-section avatar> <q-avatar color="grey-2">D</q-avatar> </q-item-section> <q-item-section> <q-item-label>Dashboard</q-item-label> </q-item-section> </q-item>--> <q-item clickable to="/account/projects"> <q-item-section avatar> <q-avatar color="grey-2">P</q-avatar> </q-item-section> <q-item-section> <q-item-label>Projects</q-item-label> </q-item-section> </q-item> <q-item clickable to="/account/collections"> <q-item-section avatar> <q-avatar color="grey-2">C</q-avatar> </q-item-section> <q-item-section> <q-item-label>Collections</q-item-label> </q-item-section> </q-item> <q-item clickable to="/account/bookmarks"> <q-item-section avatar> <q-avatar color="grey-2">B</q-avatar> </q-item-section> <q-item-section> <q-item-label>Bookmarks</q-item-label> </q-item-section> </q-item> </q-list> </template> <script> export default { // name: 'ComponentName', props: ["user"], data() { return {}; } }; </script> <style> </style> |