Advertisement
Guest User

Untitled

a guest
Sep 11th, 2019
107
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
  1.  <template v-slot:item="props">
  2.           <div
  3.             class="q-pa-xs col-xs-12 col-sm-6 col-md-4 col-lg-3 grid-style-transition"
  4.             :style="props.selected ? 'transform: scale(0.95);' : ''"
  5.           >
  6.             <q-card :class="props.selected ? 'bg-grey-2' : ''">
  7.               <q-card-section>
  8.                 <q-checkbox dense v-model="props.selected" :label="props.row.name" ></q-checkbox>
  9.               </q-card-section>
  10.               <q-separator ></q-separator>
  11.               <q-list dense>
  12.                 <q-item v-for="col in props.cols.filter(col => col.name !== 'desc')" :key="col.name">
  13.                   <q-item-section>
  14.                     <q-item-label>{{ col.label }}</q-item-label>
  15.                   </q-item-section>
  16.                   <q-item-section side>
  17.                     <q-item-label caption>{{ col.value }}</q-item-label>
  18.                   </q-item-section>
  19.                 </q-item>
  20.               </q-list>
  21.             </q-card>
  22.           </div>
  23.         </template>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement