提示/消息

第一个消息提示框
第二个消息提示框
第三个消息提示框
第四个消息提示框
第五个消息提示框
第六个消息提示框
第七个消息提示框
第八个消息提示框
第九个消息提示框
第十个消息提示框

<div class="alert-primary w100 radius-10 pd-10 f-fff">
	第一个消息提示框
</div>

<div class="alert-secondary w100 radius-10 pd-10 f-fff">
	第二个消息提示框
</div>

<div class="alert-success w100 radius-10 pd-10 f-fff">
	第三个消息提示框
</div>

<div class="alert-warning w100 radius-10 pd-10 f-fff">
	第四个消息提示框
</div>

<div class="alert-danger w100 radius-10 pd-10 f-fff">
	第五个消息提示框
</div>

<div class="alert-yellow w100 radius-10 pd-10 f-fff">
	第六个消息提示框
</div>

<div class="alert-green w100 radius-10 pd-10 f-fff">
	第七个消息提示框
</div>

<div class="alert-ash w100 radius-10 pd-10 f-fff">
	第八个消息提示框
</div>

<div class="alert-blue w100 radius-10 pd-10 f-fff">
	第九个消息提示框
</div>

<div class="alert-white w100 radius-10 pd-10 f-333">
	第十个消息提示框
</div>
      

带图标的消息框

哈尔滨伟成科技有限公司,专业的网站软件APP小程序开发,双城网站开发
哈尔滨伟成科技有限公司,专业的网站软件APP小程序开发,双城网站开发
哈尔滨伟成科技有限公司,专业的网站软件APP小程序开发,双城网站开发

<div class="alert-primary w100 radius-10 pd-10 f-fff">
	<i class="icon YIQI-UI-iconfont f-18 mr-10">&#xe6e0;</i>哈尔滨伟成科技有限公司,专业的网站软件APP小程序开发,双城网站开发
</div>

<div class="alert-secondary w100 radius-10 pd-10 f-fff">
	<i class="icon YIQI-UI-iconfont f-18 f-r">&&xe6a6;</i>
	<i class="icon YIQI-UI-iconfont f-18 mr-10">&#xe62f;</i>
	哈尔滨伟成科技有限公司,专业的网站软件APP小程序开发,双城网站开发
</div>

<div class="alert-success w100 radius-10 pd-10 f-fff">
	<i class="icon YIQI-UI-iconfont f-18 f-r">&#xe6a6;</i>
	哈尔滨伟成科技有限公司,专业的网站软件APP小程序开发,双城网站开发
</div>