Use v-slot instead of slot
This commit is contained in:
parent
ba1492f977
commit
54d40420ad
96 changed files with 291 additions and 283 deletions
|
|
@ -1,8 +1,8 @@
|
|||
<template>
|
||||
<div class="mkw-messaging">
|
||||
<ui-container :show-header="props.design == 0">
|
||||
<template slot="header"><fa icon="comments"/>{{ $t('title') }}</template>
|
||||
<button slot="func" @click="add"><fa icon="plus"/></button>
|
||||
<template v-slot:header><fa icon="comments"/>{{ $t('title') }}</template>
|
||||
<template v-slot:func><button @click="add"><fa icon="plus"/></button></template>
|
||||
|
||||
<x-messaging ref="index" compact @navigate="navigate"/>
|
||||
</ui-container>
|
||||
|
|
|
|||
|
|
@ -1,8 +1,8 @@
|
|||
<template>
|
||||
<div class="mkw-notifications">
|
||||
<ui-container :show-header="!props.compact">
|
||||
<template slot="header"><fa :icon="['far', 'bell']"/>{{ $t('title') }}</template>
|
||||
<!-- <button slot="func" :title="$t('title')" @click="settings"><fa icon="cog"/></button> -->
|
||||
<template v-slot:header><fa :icon="['far', 'bell']"/>{{ $t('title') }}</template>
|
||||
<!-- <button v-slot:func :title="$t('title')" @click="settings"><fa icon="cog"/></button> -->
|
||||
|
||||
<mk-notifications :class="$style.notifications"/>
|
||||
</ui-container>
|
||||
|
|
|
|||
|
|
@ -1,11 +1,13 @@
|
|||
<template>
|
||||
<div class="mkw-polls">
|
||||
<ui-container :show-header="!props.compact">
|
||||
<template slot="header"><fa icon="chart-pie"/>{{ $t('title') }}</template>
|
||||
<button slot="func" :title="$t('title')" @click="fetch">
|
||||
<fa v-if="!fetching && more" icon="arrow-right"/>
|
||||
<fa v-if="!fetching && !more" icon="sync"/>
|
||||
</button>
|
||||
<template v-slot:header><fa icon="chart-pie"/>{{ $t('title') }}</template>
|
||||
<template v-slot:func>
|
||||
<button :title="$t('title')" @click="fetch">
|
||||
<fa v-if="!fetching && more" icon="arrow-right"/>
|
||||
<fa v-if="!fetching && !more" icon="sync"/>
|
||||
</button>
|
||||
</template>
|
||||
|
||||
<div class="mkw-polls--body">
|
||||
<div class="poll" v-if="!fetching && poll != null">
|
||||
|
|
|
|||
|
|
@ -1,7 +1,7 @@
|
|||
<template>
|
||||
<div>
|
||||
<ui-container :show-header="props.design == 0">
|
||||
<template slot="header"><fa icon="pencil-alt"/>{{ $t('title') }}</template>
|
||||
<template v-slot:header><fa icon="pencil-alt"/>{{ $t('title') }}</template>
|
||||
|
||||
<div class="lhcuptdmcdkfwmipgazeawoiuxpzaclc-body"
|
||||
@dragover.stop="onDragover"
|
||||
|
|
|
|||
|
|
@ -1,8 +1,8 @@
|
|||
<template>
|
||||
<div class="mkw-trends">
|
||||
<ui-container :show-header="!props.compact">
|
||||
<template slot="header"><fa icon="fire"/>{{ $t('title') }}</template>
|
||||
<button slot="func" :title="$t('title')" @click="fetch"><fa icon="sync"/></button>
|
||||
<template v-slot:header><fa icon="fire"/>{{ $t('title') }}</template>
|
||||
<template v-slot:func><button :title="$t('title')" @click="fetch"><fa icon="sync"/></button></template>
|
||||
|
||||
<div class="mkw-trends--body">
|
||||
<p class="fetching" v-if="fetching"><fa icon="spinner" pulse fixed-width/>{{ $t('@.loading') }}<mk-ellipsis/></p>
|
||||
|
|
|
|||
|
|
@ -1,11 +1,13 @@
|
|||
<template>
|
||||
<div class="mkw-users">
|
||||
<ui-container :show-header="!props.compact">
|
||||
<template slot="header"><fa icon="users"/>{{ $t('title') }}</template>
|
||||
<button slot="func" :title="$t('title')" @click="refresh">
|
||||
<fa v-if="!fetching && more" icon="arrow-right"/>
|
||||
<fa v-if="!fetching && !more" icon="sync"/>
|
||||
</button>
|
||||
<template v-slot:header><fa icon="users"/>{{ $t('title') }}</template>
|
||||
<template v-slot:func>
|
||||
<button :title="$t('title')" @click="refresh">
|
||||
<fa v-if="!fetching && more" icon="arrow-right"/>
|
||||
<fa v-if="!fetching && !more" icon="sync"/>
|
||||
</button>
|
||||
</template>
|
||||
|
||||
<div class="mkw-users--body">
|
||||
<p class="fetching" v-if="fetching"><fa icon="spinner" pulse fixed-width/>{{ $t('@.loading') }}<mk-ellipsis/></p>
|
||||
|
|
|
|||
Loading…
Add table
Add a link
Reference in a new issue