Skip to content

Commit

Permalink
This commit does not belong to any branch on this repository, and may belong to a fork outside of the repository.
feat: add thumb tack icon
Browse files Browse the repository at this point in the history
KTRNJack committed Mar 3, 2023
1 parent 31e76a2 commit e01605a
Showing 1 changed file with 10 additions and 9 deletions.
19 changes: 10 additions & 9 deletions components/Icon.vue
Original file line number Diff line number Diff line change
@@ -6,15 +6,16 @@
</div>
</template>

<script >
<script>
import { library } from '@fortawesome/fontawesome-svg-core'
import {
faCopy,
faTrashAlt,
faEdit,
faIcons,
faBars,
faChevronCircleLeft
faChevronCircleLeft,
faThumbtack
} from '@fortawesome/free-solid-svg-icons'
import { FontAwesomeIcon } from '@fortawesome/vue-fontawesome'
@@ -25,7 +26,7 @@ import { FontAwesomeIcon } from '@fortawesome/vue-fontawesome'
// https://fontawesome.com/docs/web/style/size
// * 記得輸入時記得把前綴 "fa-" 移除
library.add(faCopy, faTrashAlt, faEdit, faIcons, faBars, faChevronCircleLeft)
library.add(faCopy, faTrashAlt, faEdit, faIcons, faBars, faChevronCircleLeft, faThumbtack)
export default {
props: {
@@ -52,16 +53,16 @@ export default {
FontAwesomeIcon
}
}
</script >
</script>

<style lang="scss" >
.component.icon{
<style lang="scss">
.component.icon {
.circle{
.circle {
border-radius: 1rem;
}
.icon-block{
.icon-block {
display: flex;
align-items: center;
justify-content: center;
@@ -70,4 +71,4 @@ export default {
cursor: pointer;
}
}
</style >
</style>

0 comments on commit e01605a

Please sign in to comment.