dietpi/MiBlog
Archived
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

format

Browse Source
This commit is contained in:
clonbg
2023-01-24 11:52:16 +01:00
parent 16d80fce10
commit be3a808ff7
1 changed files with 8 additions and 34 deletions
Download Patch File Download Diff File Expand all files Collapse all files

42
src/pages/Index.vue
View File

@@ -1,56 +1,30 @@
<template> <template>
<q-page> <q-page>
<div class="flex flex-center q-pt-xl" v-if="filtroPaginacion.length > 0"> <div class="flex flex-center q-pt-xl margenes" v-if="filtroPaginacion.length > 0">
<div <div class="row full-width reverse-wrap margenes" v-for="item in filtroPaginacion" :key="item.id" :id="item.id">
class="row full-width reverse-wrap margenes"
v-for="item in filtroPaginacion"
:key="item.id"
:id="item.id"
>
<div class="col-sm-7 q-px-sm full-height"> <div class="col-sm-7 q-px-sm full-height">
<router-link <router-link :href="item.id" :to="{ path: item.id, params: { markdown: item.id } }">
:href="item.id"
:to="{ path: item.id, params: { markdown: item.id } }"
>
<div class="text-h5 q-mt-sm q-mb-xs" v-html="item.title"></div> <div class="text-h5 q-mt-sm q-mb-xs" v-html="item.title"></div>
</router-link> </router-link>
<div class="text-overline text-blue">{{ item.date }}</div> <div class="text-overline text-blue">{{ item.date }}</div>
<div class="text-overline text-red"> <div class="text-overline text-red">
<span v-for="(tag, index) in item.categorias" :key="index" <span v-for="(tag, index) in item.categorias" :key="index">#/{{ tag + " " }}
>#/{{ tag + " " }}
</span> </span>
</div> </div>
<div class="self-center"> <div class="self-center">
<div <div class="text-body1 text-grey-10 justify-between" v-html="item.description"></div>
class="text-body1 text-grey-10 justify-between"
v-html="item.description"
></div>
<div class="row full-width"> <div class="row full-width">
<q-btn <q-btn color="secondary" label="Leer más.." :to="{ path: item.id, params: { markdown: item.id } }">
color="secondary"
label="Leer más.."
:to="{ path: item.id, params: { markdown: item.id } }"
>
</q-btn> </q-btn>
</div> </div>
</div> </div>
</div> </div>
<div class="col-sm-5 col-12 q-px-sm"> <div class="col-sm-5 col-12 q-px-sm">
<img <img class="rounded-borders" :src="`./../../${item.id}${item.imagen}`" style="width: 100%" />
class="rounded-borders"
:src="`./../../${item.id}${item.imagen}`"
style="width: 100%"
/>
</div> </div>
</div> </div>
<div class="flex flex-center q-pa-xl"> <div class="flex flex-center q-pa-xl">
<q-pagination <q-pagination v-model="current" :max="maxPaginas" input input-class="text-orange-10" @click="scrollToTop" />
v-model="current"
:max="maxPaginas"
input
input-class="text-orange-10"
@click="scrollToTop"
/>
</div> </div>
</div> </div>
<div class="flex flex-center q-mt-xl q-pt-xl" v-else> <div class="flex flex-center q-mt-xl q-pt-xl" v-else>