elemenUI - 弹框组件alert - 宽度设置? - 疑问篇

举例如下:(elemenUI - 使用alert弹框组件),对比代码和效果图

官方组件+文档演示地址:点击查看官方文档


部分主要代码 · 如下:

<el-col class="user-info" :span="12">
	<div><el-button type="primary" size="small" @click="dialogTalentCoinTipsVisible = true">增加人才币</el-button></div>
	<div><el-button type="text" @click="currencyexplain">人才币说明</el-button></div>
</el-col>

// 提示:增加人才币
currencyexplain(){
	this.$alert('<b>1. 人才币的获得?</b><p>企业在各自后台“分享简历”中上传一条求职者简历信息,审核通过后即可获得相应数量的人才币。</p><b>2. 人才币的使用?</b><p>人才币是平台在人才云聘中用于下载简历,使用面试申请,代理招聘等功能的虚拟货币。</p>', '人才币说明', {
		dangerouslyUseHTMLString: true
	});
},


问题 · 图示说明 (效果截图):

在这里插入图片描述

在这里插入图片描述


想要加宽alert组件,该怎么办?怎么设置呢?

  • 官方文档没有制定宽度设置的关键词,所以暂时还没解决这个问题。
  • 迫不得已,后续可能会改进一些组件的class优先级覆盖源码样式。
  • 再者,也可能会替换dialogPopup组件(因为这个组件有属性width可以设置宽度的百分百)。

    在这里插入图片描述

问题有待进一步研究··· ,欢迎留言探讨。


以上就是关于“ elemenUI - 弹框组件alert - 宽度设置? - 疑问篇 ” 的全部内容。

  • 6
    点赞
  • 5
    收藏
    觉得还不错? 一键收藏
  • 10
    评论
评论 10
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值