iView-Modal弹窗写法示例

Bravein丶

于 2020-11-20 23:35:55 发布

阅读量491

点赞数

分类专栏： iView

本文链接：https://blog.csdn.net/RisoKome/article/details/109880908

版权

iView 专栏收录该内容

1 篇文章 0 订阅

订阅专栏

样式一：

<Modal v-model="modal1" width="360">
	<p slot="header" style="color:#f60;text-align:center">
		<Icon type="ios-information-circle"></Icon>
		<span>提示</span>
	</p>
	<div style="display:flex;text-align:center">
		<span>该商品已绑定产品，是否编辑产品信息？</span>
	</div>
	<div slot="footer">
				
	</div>
</Modal>

效果：
在这里插入图片描述

样式二：

<Modal v-model="modal1" width="360">
	<p slot="header" style="color:#f60;text-align:center">
		<Icon type="ios-information-circle"></Icon>
		<span>提示</span>
	</p>
	<div style="display:flex;text-align:center">
		<span>该商品已绑定产品，是否编辑产品信息？</span>
	</div>
</Modal>