本地引入elementUI图标使用

1、到Element - The world's most popular Vue UI framework中找到CDN

2、找到CDN里script中的代码，复制路径href双引号的部分

https://unpkg.com/element-ui@2.15.9/lib/theme-chalk/index.css

https://unpkg.com/element-ui@2.15.9/lib/index.js

 3、打开之后，界面如下，按住Ctrl+S下载到自己保存的文件夹中

 4、在项目中引入，注意还得自己引入一个vue.js文件

 需要注意的是：以下两个文件可以不在文件中引入，但是一定需要放在此文件夹下，因为请求路径里有一个fonts文件夹

 

 5、在容器中使用

<div id="app">
        <i class="el-icon-edit"></i>
        <i class="el-icon-share"></i>
        <i class="el-icon-delete"></i>
        <i class="el-icon-arrow-left"></i>
        <i class="el-icon-male" style="font-size: 100px;"></i>
        <el-button type="primary" icon="el-icon-search">搜索</el-button>

        <el-row>
            <el-button icon="el-icon-search" circle></el-button>
            <el-button type="primary" icon="el-icon-edit" circle></el-button>
            <el-button type="success" icon="el-icon-check" circle></el-button>
            <el-button type="info" icon="el-icon-message" circle></el-button>
            <el-button type="warning" icon="el-icon-star-off" circle></el-button>
            <el-button type="danger" icon="el-icon-delete" circle></el-button>
        </el-row>

        <div style="margin-top: 15px;">
            <el-input placeholder="请输入内容" v-model="input3" class="input-with-select">
                <el-button slot="append" icon="el-icon-search" @click="btn_click"></el-button>
            </el-input>
        </div>
    </div>
    <script>
        new Vue({
            el: '#app',
            data() {
                return {
                    input3: '',
                }
            },
            methods: {
                btn_click() {
                    if(this.input3 == "") {
                        alert("请输入内容！")
                    }else {
                        console.log(this.input3);
                    }
                }
            }
        })
    </script>

6、文件下载

https://unpkg.com/browse/element-ui@2.5.4/lib/theme-chalk/fonts/