举例如下:(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 - 宽度设置? - 疑问篇 ” 的全部内容。