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 | <template>
<q-page padding>
<!-- content -->
<div class="row">
<div class="col-sm-12 col-md-3">
<q-list class="q-pr-xl q-mt-lg">
<q-item>
<q-item-section avatar>
<q-avatar>
<q-img basic src="https://cdn.quasar.dev/img/avatar2.jpg"/>
</q-avatar>
</q-item-section>
<q-item-section>
<q-item-label>Jane Fonda</q-item-label>
<q-item-label subtitle>
jane@gmail.com
<q-icon name="fas fa-edit" size="18px" class="q-ml-md q-mb-sm"/>
</q-item-label>
</q-item-section>
</q-item>
<q-item>
<q-item-section>
<q-item-label class="text-caption">Dreamer, artist and extraordinary judo fighter</q-item-label>
</q-item-section>
</q-item>
<q-item>
<q-separator class="q-my-md"/>
</q-item>
<q-item>
<q-item-section avatar>
<q-avatar color="teal-2">P</q-avatar>
</q-item-section>
<q-item-section>
<q-item-label>Projects</q-item-label>
</q-item-section>
</q-item>
<q-item>
<q-item-section avatar>
<q-avatar color="teal-2">C</q-avatar>
</q-item-section>
<q-item-section>
<q-item-label>Collections</q-item-label>
</q-item-section>
</q-item>
<q-item>
<q-item-section avatar>
<q-avatar color="teal-2">L</q-avatar>
</q-item-section>
<q-item-section>
<q-item-label>Projects you Like</q-item-label>
</q-item-section>
</q-item>
</q-list>
</div>
<div class="col-sm-12 col-md-9 col-lg-8 col-xl-7">
<UserGallery/>
</div>
</div>
</q-page>
</template>
<script>
import UserGallery from "../components/UserGallery";
export default {
// name: 'PageName',
components: {
UserGallery
}
};
</script>
<style>
</style>
|