位置: IT常识 - 正文

如何更改ElementUI组件的图标大小以及标签属性(如何更改饿了么配送费)

编辑:rootadmin
如何更改ElementUI组件的图标大小以及标签属性

推荐整理分享如何更改ElementUI组件的图标大小以及标签属性(如何更改饿了么配送费),希望有所帮助,仅作参考,欢迎阅读内容。

文章相关热门搜索词:如何更改element默认字体大小,如何更改饿了么定位,如何更改饿了么头像,如何更改element默认字体大小,如何更改饿了么头像,如何更改element默认字体大小,如何更改饿了么默认支付方式,如何更改饿了么默认支付方式,内容如对您有帮助,希望把文章链接给更多的朋友!

话不多说,直接上菜。

ElementUI提供的Rate评分组件的默认大小是这样的

图标太小了,想设置宽高、行高、尺寸,但代码不起作用。

打开浏览器调试,发现是用font-size设置才有用。

如何更改ElementUI组件的图标大小以及标签属性(如何更改饿了么配送费)

由此代码存在优先级问题,要提高优先级。

css中使用>>>作深作用选择器:

于是在代码中给el-rate_icon和el-rate__text改变font-size的值就可以了, 要在样式名称前加上/deep/提高优先级。 

这里注意这个class名是组件自带的,不然不会生效。

 所以设置其它ElementUI组件的图标大小以及标签属性也是一样的。

其实还有一些其它方法:

1.直接把<style lang="less" scoped>中的scoped去掉就可以使样式生效,虽简单粗暴但却不是个很好的方法。

2.定义一个全局样式,如global.css,然后在main.js中导入,如此这个样式就全局挂载了,在其中写的自定义样式也会生效。

 描述如有错误,欢迎指正!

本文链接地址:https://www.jiuchutong.com/zhishi/287120.html 转载请保留说明!

上一篇:神舟战神K670D 笔记本Windows10系统改Windows7系统的安(神舟战神k670c-g4e1游戏笔记本怎么样?)

下一篇:澳大利亚哈梅林浦 (© Abstract Aerial Art/Getty Images)(梅林澳大利亚信号好最好吗)

  • 工商年报主营业务怎么填
  • 个人所得税年度汇算时间
  • 个体工商户个税怎么申报
  • 小规模升级一般纳税人需要多久
  • 高新企业要求研发投入
  • 继续教育专项扣除金额
  • 淘宝发票收取的税点是谁来交
  • 工伤退费是什么意思
  • 合法有效的凭证
  • 盘盈存货会计处理会计分录
  • 被投资方减资的会计处理
  • 长期待摊费用摊销表
  • 网银费用及回单箱费用账务处理?
  • 融资租赁出租人和承租人的区别
  • 哪些税不适用征管法
  • 供应商不给货款怎么办
  • 子公司具有独立的法律地位吗
  • 缴纳的住房公积金计入什么科目
  • 进项税转出如何申报纳税
  • 财付通转出的钱能还回来吗
  • 去年的发票今年能红字冲销吗
  • 财务报表第一季度引用的期初数是第四季度还是年报
  • 短期借款利息的处理
  • 研发销售型企业
  • 一年内的待摊费用可以一次性进入成本吗
  • win10新版本21h1
  • 房产置换是什么
  • 苹果发布macOS更新
  • 研究院经营范围怎么写
  • php实现的任意进程函数
  • PHP:zip_entry_read()的用法_Zip函数
  • PHP:zip_close()的用法_Zip函数
  • 个体户不建账怎样处罚
  • 金融企业贷款损失准备金计提比例
  • 博茨瓦纳热吗
  • vue props emit
  • 企业为员工缴纳社保标准及流程
  • Salzburg with Salzach river, Austria (© MacEaton/Alamy)
  • php和apache
  • php正则表达式匹配链接
  • 投资收益属于营业外收入吗
  • js轮播图视频教程
  • 正规现金收款收据怎么写
  • 租赁业务
  • sqlyog提示
  • 净资产小于注册资本
  • 财务费用有发票吗
  • 怎么把其他应收款借方余额转出
  • 税控盘使用费
  • 暂估入库的会计分录怎么写
  • 房贷利息抵个税怎么申请
  • 有哪些发票可以报销
  • 固定资产报废废料收入要发票吗
  • 从国外进口一批原材料,海关核定的关税完税价
  • 商贸公司购买的水磅怎么入账
  • 银行手续费没有发票
  • 当月开通的业务当月能取消吗
  • 期末存货采用成本与什么孰低法计价
  • 商业企业费用科目
  • macbookair numbers
  • win10动态磁贴照片如何删除
  • win7 ctrl+alt+del
  • win10如何彻底关掉自动锁屏
  • gho文件过大
  • css网站布局实录 pdf
  • jq拖拽div替换位置
  • jQuery插件能输出到控制台
  • 用nodejs做的项目
  • javascript definitive guide
  • linux bash中too many arguments问题的解决方法
  • 批处理循环执行批处理
  • JQuery Ajax WebService传递参数的简单实例
  • 详细分析使用AngularJS编程中提交表单的方式
  • nodejs怎么使用
  • 用python做斐波那契数列
  • public services翻译
  • javascript中如何获取元素?
  • 政府无偿划拨土地涉及的税费
  • 车船税完税证明开具如何开具
  • uk怎么添加发票
  • 免责声明:网站部分图片文字素材来源于网络,如有侵权,请及时告知,我们会第一时间删除,谢谢! 邮箱:opceo@qq.com

    鄂ICP备2023003026号

    网站地图: 企业信息 工商信息 财税知识 网络常识 编程技术

    友情链接: 武汉网站建设