数据加密-bootstrap-vue-font-awesome-picker-PROSAGA-码农传奇

Bootstrap Vue Font-Awesome Icon Picker

This is a simple vuejs plugin for picking font-awesome 5 Icons.

It Supports Font Awesome 5 Icons.

Installation

yarn add bootstrap-vue-font-awesome-picker  
or  
npm install bootstrap-vue-font-awesome-picker

Project setup

yarn install

Compiles and hot-reloads for development

yarn serve

Compiles and minifies for production

yarn build

Lints and fixes files

yarn lint

Quick start

Several quick start options are available:

Download the latest release.
Clone the repo: git clone https://github.com/wovosoft/bootstrap-vue-font-awesome-picker.git
Install with npm: npm install bootstrap-vue-font-awesome-picker
Install with yarn: yarn add bootstrap-vue-font-awesome-picker

Status

What’s included

Within the download you’ll find the following directories and files, logically grouping common assets and providing both compiled and minified variations. You’ll see something like this:

bootstrap-vue-font-awesome-picker
└── dist/
    ├── css/
    │   ├── app.css
    └── js/
        ├── app.js
        ├── app.map
        ├── chunk-vendors.js
        ├── chunk-vendors.js.map

Documentation

You Can Use the Plugin as a compnent directly to your vuejs application as the example written below.
No need to import additional CSS, the plugin will load the required CSS styles automatically.


<template>
    <div>
        <font-awesome-picker v-model="icon"></font-awesome-picker>
    </div>
</template>
<script>
    import FontAwesomePicker from "bootstrap-vue-font-awesome-picker";
    export default {
        name: "MyComponent",
        components: {
            FontAwesomePicker
        },
        data() {
            return {
                icon: "fas fa-user-cog"
            };
        }
    }
</script>

If you want to use it as a global plugin, then in your app.js use it as written below.

import Vue from "vue";
import FontAwesomePicker from "bootstrap-vue-font-awesome-picker";
Vue.use(FontAwesomePicker);
new Vue({
    el: '#main',
    router,
    store,
    template: '<Main></Main>',
    components: {
        Main
    },
}

Another Method is,

import Vue from "vue";
import FontAwesomePicker from "bootstrap-vue-font-awesome-picker";
new Vue({
    el: '#main',
    router,
    store,
    template: '<Main></Main>',
    components: {
        Main,
        FontAwesomePicker
    },
}

Creators

Narayan Adhikary