refs #2606 Use vue-fontawesome in Contents/Lists
This commit is contained in:
parent
1208d84a9d
commit
421ddb0641
|
@ -2,7 +2,7 @@
|
||||||
<div class="members">
|
<div class="members">
|
||||||
<div class="add-account">
|
<div class="add-account">
|
||||||
<el-button type="text" class="add-button" @click="addAccount">
|
<el-button type="text" class="add-button" @click="addAccount">
|
||||||
<icon name="plus"></icon>
|
<font-awesome-icon icon="plus" />
|
||||||
</el-button>
|
</el-button>
|
||||||
</div>
|
</div>
|
||||||
<template v-for="account in members">
|
<template v-for="account in members">
|
||||||
|
|
|
@ -4,7 +4,7 @@
|
||||||
<el-form :inline="true">
|
<el-form :inline="true">
|
||||||
<input v-model="title" :placeholder="$t('lists.index.new_list')" class="list-title" />
|
<input v-model="title" :placeholder="$t('lists.index.new_list')" class="list-title" />
|
||||||
<el-button type="text" class="create" @click="createList">
|
<el-button type="text" class="create" @click="createList">
|
||||||
<icon name="plus"></icon>
|
<font-awesome-icon icon="plus" />
|
||||||
</el-button>
|
</el-button>
|
||||||
</el-form>
|
</el-form>
|
||||||
</div>
|
</div>
|
||||||
|
@ -14,10 +14,10 @@
|
||||||
</router-link>
|
</router-link>
|
||||||
<div class="tools">
|
<div class="tools">
|
||||||
<el-button type="text" @click="edit(list)">
|
<el-button type="text" @click="edit(list)">
|
||||||
<icon name="regular/edit"></icon>
|
<font-awesome-icon :icon="['far', 'edit']" />
|
||||||
</el-button>
|
</el-button>
|
||||||
<el-button type="text" @click="del(list)">
|
<el-button type="text" @click="del(list)">
|
||||||
<icon name="regular/trash-alt"></icon>
|
<font-awesome-icon icon="['far', 'trash-can']" />
|
||||||
</el-button>
|
</el-button>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
|
@ -45,7 +45,7 @@ import {
|
||||||
faQuoteRight,
|
faQuoteRight,
|
||||||
faThumbTack
|
faThumbTack
|
||||||
} from '@fortawesome/free-solid-svg-icons'
|
} from '@fortawesome/free-solid-svg-icons'
|
||||||
import { faFaceSmile, faPenToSquare } from '@fortawesome/free-regular-svg-icons'
|
import { faFaceSmile, faPenToSquare, faEdit, faTrashCan } from '@fortawesome/free-regular-svg-icons'
|
||||||
import { FontAwesomeIcon } from '@fortawesome/vue-fontawesome'
|
import { FontAwesomeIcon } from '@fortawesome/vue-fontawesome'
|
||||||
import 'vue-awesome/icons'
|
import 'vue-awesome/icons'
|
||||||
import Icon from 'vue-awesome/components/Icon'
|
import Icon from 'vue-awesome/components/Icon'
|
||||||
|
@ -109,7 +109,9 @@ library.add(
|
||||||
faUserPlus,
|
faUserPlus,
|
||||||
faCheck,
|
faCheck,
|
||||||
faQuoteRight,
|
faQuoteRight,
|
||||||
faThumbTack
|
faThumbTack,
|
||||||
|
faEdit,
|
||||||
|
faTrashCan
|
||||||
)
|
)
|
||||||
|
|
||||||
Vue.use(ElementUI, { locale })
|
Vue.use(ElementUI, { locale })
|
||||||
|
|
Loading…
Reference in New Issue