elementUI el-icon 本地化离线使用

最新推荐文章于 2024-05-03 11:51:11 发布
最新推荐文章于 2024-05-03 11:51:11 发布
阅读量7.8k 收藏 3
点赞数
分类专栏： vue 文章标签： elementui  elementui 图标本地化 elementui 离线图标
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/Young_Gao/article/details/93890392
版权

版本  2.10.0

首先下载需要的资源  (js ,  css,  ttf,  woff)     

https://element.eleme.cn/2.10/#/zh-CN/component/installation

完事以后引入 js  css ，同时在根目录创建  fonts 文件夹，放入 ttf 和 woff 文件

注意一定要版本相同，不同版本会导致 icon 错乱（错号显示成箭头）甚至不显示（显示为小方块）

Young_Gao
关注
  • 0
    点赞
  • 踩
  • 3
    收藏
    觉得还不错? 一键收藏
  • 2
    评论
专栏目录
Vue_Element离线使用方法
qq_16054979的博客
04-26 3348
前提条件：在Vue项目中安装好了Element 第一步：下载Element 第二步：配置部署 查看项目的package.json可以看到可以运行的命令，其中如下命令可以进行部署 "deploy:build": "npm run build:file && cross-env NODE_ENV=production webpack --config build/webpack.demo.js && echo element.eleme.io>>examples/e
element-2.15.12离线包下载
01-05
element-2.15.12离线包下载
Element-UI 本地离线引入
weixin_44067333的博客
10-18 7070
element-ui官网只提供了两种引入方式 因项目需求Element-UI 需要离线使用 查找资料找到了使用方法 1.下载element.js 2.下载element.css demo.html 测试 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge">
ElementUI从unpkg.com完整下载到本地的方法 - 解决unpkg.com不稳定的问题 - 自建镜像站 - 不想打包只想cdn一下
Rudon滨海渔村的博客
05-03 590
最简单方法：npm i element-ui -S后提取包即可。或者在github中搜索对应的库zip包，不过和unpkg.com结构不一样。
elementUI 断网 本地化环境搭建
清流弯弯
01-27 2230
目录 1、Vue.js 2、element Lib下载 3、测试网页 4、资源上传 1、Vue.js 下载网址： 安装 — Vue.js 2、element Lib下载 下载地址：GitHub - ElementUI/lib: Element release lib 下载后示例： 3、测试网页 样式引入 <link rel="stylesheet" href="element_lib/theme-chalk/index....
element-ui 本地化使用教程
热门推荐
FFXY
10-26 8万+
element-ui 本地化使用 element-ui 下载脚本
el-select-tree:ElementUI的el-select与el-tree结合
05-07
ElementUI的el-select与el-tree结合在一起。 在线示例 用法 安装 npm install --save el-select-tree 需要element-ui 如果您的项目不使用element-ui，则需要引入一个单独的element-ui包，如下所示： import 'el-...
vue elementui el-form rules动态验证的实例代码详解
10-16
在使用elementUI el-form 中，对于业务不同的时候可能会产生不同表单结构，但是都是存在同一个表单控件el-form中。这篇文章主要介绍了vue elementui el-form rules动态验证的实例代码,需要的朋友可以参考下
Vue ElementUI el-select 图片选择效果
02-24
基于 Vue2.x，对 ElementUI el-select 做图片选择效果。项目说明可参见：https://blog.csdn.net/sinat_31213021/article/details/129195721
elementUi vue el-radio 监听选中变化的实例代码
10-16
主要介绍了elementUi vue el-radio 监听选中变化，本文通过实例代码给大家介绍的非常详细，具有一定的参考借鉴价值,需要的朋友可以参考下
el-table-infinite-scroll:El-Table无限滚动
05-26
查看实例教程此指令依赖于 element-ui@2.12.0，使用前请熟悉：element-ui@2.12.0element-ui@2.12.0安装npm install --save el-table-infinite-scroll全局引入import Vue from 'vue';import elTableInfiniteScroll ...
elementui elementUI - date-picker.zip
03-02
修改后的增加时间步长
elementUI-使用el-table自定义transfer组件
08-14
在elementUI中使用el-table自定义完成transfer组件功能。内有注释使用说明
VUE2.0+ElementUI2.0表格el-table实现表头扩展el-tooltip
12-29
ElementUI2.0的表格的扩展： elementUI表格table elementUI文字提示Tooltip 如果要实现鼠标移到表头有注释或者弹框该怎么添加呢？ <el empty-text=正在加载中... data=contentList ...el-table-c
详解elementui之el-image-viewer(图片查看器)
11-30
这是官方文档中有写的，但是我想不使用Image组件又想使用预览大图的功能是否可行呢？ 答案是当然可以。 使用方法 翻看了Image的源码，发现大图预览是一个小组件image-viewer，打开看看它的props，如下 props: { ...
解决vue elementUI 使用el-select 时 change事件的触发问题
01-18
如下所示： <el v-model=level size=mini ...我们需要的是选择之后才触发，但是这样写你会发现，页面初始化的时候会触发多次，选择之后又会触发多次，原因是我们用错了标签，应该用 @change=”selectChange()
ElementUI离线使用-分页功能
Do Re Mi 的博客
11-27 7236
Element离线使用 -分页功能 引入element后，由于网络速度较慢，发现页面运行起来，比较卡顿，于是将其下载到本地 1.下载静态资源 element-ui 官网 ：http://element-cn.eleme.io/#/zh-CN/component/installation &amp;lt;!-- 引入样式 --&amp;gt; &amp;lt;link rel=&quot;stylesheet&quot; href=&quot;http...
ElementUI离线到本地使用
右先生、的博客
09-22 7283
Jsoup实现离线ElementUI 最近想学ElementUI的前端框架，听说跟Vue能够完美结合，做出来的样式和效果也都很不错。但我不太习惯在线使用，更多的喜欢离线下来再慢慢学。找了好久都没有找到能离线的资源，网上也有写爬虫去爬下来的，我看了一下，感觉对我不太友好，刚好自己这两天也了解了Jsoup的用法，所以自己动手用java写了个不算是爬虫的爬虫，能够基本完整的下载下来ElementUI。 代码如下： package jsoup; import java.io.File; import java
离线使用ElementUI
xiejm2333的博客
12-06 6039
1.下载源文件项目 建议根据tag号来选择zip包，一般是根据tag号发布版本的。 2. 完善运行所依赖 解压项目，进入项目目录下 下载所依赖的包 npm install // 或者 cnpm install 下载完成后运行 npm run dev 注意：如果此时运行失败，可能是安装yarn失败，可以通过以下方式解决： 找到项目中的packege.json文...
elementUI el-table如何使用el-scrollbar自定义样式
最新发布
05-17
在 elementUI 的 el-table 中使用 el-scrollbar 自定义样式，可以通过以下步骤实现： 1. 在组件中引入 el-scrollbar 组件： ```javascript import ElScrollbar from 'element-ui/lib/scrollbar'; ``` 2. 在 el-table 组件中使用 scoped slot，给 table 的 body-wrapper 增加一个自定义的滚动条： ```html <template> <el-table :data="tableData" style="width: 100%" height="300px" :header-cell-style="{background: '#f5f7fa', color: '#909399', fontWeight: 'bold'}" > <el-table-column prop="date" label="日期" width="180"></el-table-column> <el-table-column prop="name" label="姓名" width="180"></el-table-column> <el-table-column prop="address" label="地址"></el-table-column> <template slot="body-wrapper" slot-scope="{ row, $index }"> <el-scrollbar wrap-class="scrollbar-wrap"> <table> <tbody> <tr v-for="(item, index) in row" :key="index"> <td>{{ item }}</td> </tr> </tbody> </table> </el-scrollbar> </template> </el-table> </template> ``` 3. 在样式表中自定义滚动条的样式： ```css .scrollbar-wrap { /* 设置滚动条宽度和高度 */ width: 100%; height: 100%; /* 设置滚动条样式 */ ::-webkit-scrollbar { width: 8px; height: 8px; background-color: #fff; } ::-webkit-scrollbar-thumb { border-radius: 4px; background-color: #ccc; } } ```

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 2
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值