elementui(element-ui适合移动端用么)
本文目录
element-ui适合移动端用么
minit-ui和element-ui,前者是移动端,后者是PC端,结合Vue功能不错,就是UI组件不是很强大,可以满足一般的需求。
所以element-ui不适合移动端。
element-ui的需求:丰富的feature:丰富的组件,自定义主题,国际化。文档 & demo:提供友好的文档和 demo,维护成本小,支持多语言。安装 & 引入:支持 npm 方式和 cdn 方式,并支持按需引入。工程化:开发,测试,构建,部署,持续集成。
作为一个基础组件库,还有一个很重要的方面就是组件种类丰富。element-ui官方目前有55个组件,分成了6大类,分别是基础组件、表单类组件、数据类组件、提示类组件、导航类组件和其它类型组件。这些丰富的基础组件能很好地满足大部分PC端toB业务开发需求。
element-ui的组件源码在packages目录里维护,而并不在src目录中,这么做的目的猜测是为了让每个组件可以单独打包,支持按需引入。
但实际上想达到这个目的也并不一定需要这么去组织维护代码,更推荐把组件库中的组件代码放在src/components目录中维护,然后通过修改webpack配置脚本也可以做到每个组件单独打包以及支持按需引入,源码放在src目录总是更合理的。
扩展资料:
element-ui组件的样式、公共样式都在packages/theme-chalk文件中,并且它是可以独立发布的。element-ui组件样式中的颜色、字体、线条等等样式都是通过变量的方式引入的。
在packages/theme-chalk/src/common/var.scss中我们可以看到这些变量的定义,这样就给做多主题提供了方便,因为我只要修改这些变量,就可以实现组件的主题改变。
updateVarible是一个POST请求,他会把你修改的的主题配置提交到后端server,提交的数据你可以自己去查看它的RequestPayload,这个POST请求会返回一段CSS文本,然后会动态插入到head标签的底部,来覆盖默认样式。
可以通过审查元素看到head底部会动态插入一个id为chalk-style的标签。
参考资料:百度百科-UI设计
element-ui和antd-vue哪个更好用
综述:个人认为antd-vue更好用。这个要具体看情况,小项目用Element-ui,大项目用Antd。Element-ui是饿了么旗下出的一款 为设计师、开发者、产品经理开发的基于Vue的桌面端UI组件库;Antd是 蚂蚁金服 出的一款服务于企业级产品的设计,更专注于用户体验。
蚂蚁金服:
蚂蚁科技集团股份有限公司起步于2004年成立的支付宝。2013年3月支付宝的母公司宣布将以其为主体筹建小微金融服务集团,小微金融成为蚂蚁金服的前身。2020年7月蚂蚁金服正式更名为蚂蚁集团 。蚂蚁集团以“让信用等于财富”为愿景,致力于打造开放的生态系统,通过互联网推进器计划助力金融机构和合作伙伴加速迈向“互联网+”,为小微企业和个人消费者提供普惠金融服务。
Vue如何使用element-ui实现以下功能
Vue 使用element-ui
项目中引入elementui 参考 其官网
安装:npm i element-ui -S
引入项目 : 在main.js 中加入
import ElementUI from ’element-ui’;
import ’element-ui/lib/theme-chalk/index.css’;
Vue.use(ElementUI);
登录模块:
使用element form 组件编写页面:
在登录成功的方法中使用 messagebox组件弹出 登录成功 提示
elementUI(el-dialog)小记
elmentUI目前限制了el-dialog弹出框的z-index固定为2000 如果在dialog中使用z-index低于2000的控件就会导致该控件出现在dialog之后的情况,例如:百度的富文本控件UEditor。这个控件的z-index显著小于2000,这就导致了点击富文本的一些按钮,出现的提示或者选项在dialog之后,根本点不到。 鉴于以上原因,我决定修改elmentUI中dialog的源码,在这边记录一个坑(傻傻的坑):项目中node_modules中调用的是打包后的文件所以修改的是lib文件夹下的文件以上是我刚开始碰到的修改的dialog的方法 然后第二天我去查看了UE的源码,发现我傻了,原来UE可以通过配置来修改z-index: 通过在项目中写的配置文件中设置zIndex修改
更多文章:
汤姆克兰西终结战争(寻一个单机游戏 好像是在美国作战的 买的兵、坦克都是空降下来的 还有炮火支援等有反坦克兵 狙击手等兵种)
2024年6月7日 08:22
三星w589是什么系统(三星手机sch-w589 是什么操作系统)
2024年6月21日 05:36
在一个十八线小县城开一个流浪狗收容所,可不可行?办理宠物收容所有那些收入
2024年9月16日 05:00
甜甜萌物语375话完美攻略 傲娇的爱礼司搭配攻略?甜甜萌物语第49话学生会的烦恼青春期困惑通关技巧攻略
2023年6月8日 03:20
宅急送快递查询单号查询(批量查询宅急送快递单号物流并筛选出未签收的单号呢)
2024年8月29日 00:00
百度推广中,移动搜索无效,怎么解决这个问题?如何关闭手机的移动信号搜索
2024年7月14日 06:14
《英雄联盟》里有哪些堪称「黑科技」的打法?lol中单惩戒流ez是选择哪把打野刀啊
2024年9月12日 14:50
重庆汇博人才市场(想问一下从重庆的菜园坝火车站到重庆的汇博人才市场应该怎么走(如何坐公交车或者轻轨))
2023年7月20日 01:20