离线使用Element UI和Vue

需要依赖如下:

1.vue.js;

2.index.js(Element UI)

3.index.css(Element UI)

4.element-icons.ttf(Element UI字体)

5.element-icons.woff(Element UI图标)

下载链接如下:

链接:https://pan.baidu.com/s/1nGOi0Vm_xExRGmVp6oVLoA 
提取码:b7f5

项目目录如下:

<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=, initial-scale=1.0">
    <title>Document</title>
    <link rel="stylesheet" href="./index.css">
</head>

<body>
    <div id="app">
        <el-row>
            <el-button>默认按钮</el-button>
            <el-button type="primary">主要按钮</el-button>
            <el-button type="success">成功按钮</el-button>
            <el-button type="info">信息按钮</el-button>
            <el-button type="warning">警告按钮</el-button>
            <el-button type="danger">危险按钮</el-button>
        </el-row>
        <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>
</body>
<script src="./vue.js"></script>
<script src="./index.js"></script>
<script>
    new Vue({
        el: "#app"
    })
</script>
<style>
    @font-face {
        font-family: element-icons;
        src: url(./element-icons.woff) format('woff'), url(./element-icons.ttf) format('truetype');
        font-weight: 400;
        font-style: normal;
    }
</style>

</html>

浏览器运行效果: 

 

 

相关推荐

  1. vue2线下载

    2024-02-01 07:52:05       58 阅读

最近更新

  1. docker php8.1+nginx base 镜像 dockerfile 配置

    2024-02-01 07:52:05       98 阅读
  2. Could not load dynamic library ‘cudart64_100.dll‘

    2024-02-01 07:52:05       106 阅读
  3. 在Django里面运行非项目文件

    2024-02-01 07:52:05       87 阅读
  4. Python语言-面向对象

    2024-02-01 07:52:05       96 阅读

热门阅读

  1. 消息队列和Kafka

    2024-02-01 07:52:05       60 阅读
  2. ubuntu 系统切换root用户

    2024-02-01 07:52:05       53 阅读
  3. npm ERR! code CERT_HAS_EXPIRED npm ERR! errno CERT_HAS_EXPIRED

    2024-02-01 07:52:05       61 阅读
  4. unity(WebGL) 把截图保存下载到本地

    2024-02-01 07:52:05       60 阅读