# confirm
# 确认框
<div class="pro-confirm">
<div class="pro-confirm__hd">
<div class="pro-confirm__hd__title">标题单行</div>
</div>
<div class="pro-confirm__bd">
<div class="pro-confirm__bd__content">告知当前状态,信息和解决方案,不要超过两行</div>
</div>
<div class="pro-confirm__ft">
<a href="javascript:;" class="pro-confirm__btn q-confirm__btn--primary"
>确定</a
>
</div>
</div>
# 带图标确认框
<div class="pro-confirm">
<div class="pro-confirm__hd">
<div class="pro-confirm__hd__image q-confirm__hd__image--icon">
<img src="http://img003.qufenqi.com/products/2a/23/2a239eb4107034457211bada876b98c3.jpeg" />
</div>
<div class="pro-confirm__hd__title">标题单行</div>
</div>
<div class="pro-confirm__bd">
<div class="pro-confirm__bd__content">告知当前状态,信息和解决方案,不要超过两行</div>
</div>
<div class="pro-confirm__ft">
<a href="javascript:;" class="pro-confirm__btn q-confirm__btn--primary"
>确定</a
>
</div>
</div>
# 带图片确认框
<div class="pro-confirm">
<div class="pro-confirm__hd">
<div class="pro-confirm__hd__image q-confirm__hd__image--image">
<img src="http://img003.qufenqi.com/products/2a/23/2a239eb4107034457211bada876b98c3.jpeg" />
</div>
<div class="pro-confirm__hd__title">标题单行</div>
</div>
<div class="pro-confirm__bd">
<div class="pro-confirm__bd__content">告知当前状态,信息和解决方案,不要超过两行</div>
</div>
<div class="pro-confirm__ft">
<a href="javascript:;" class="pro-confirm__btn q-confirm__btn--primary"
>确定</a
>
</div>
</div>
# 大图片确认框
<div class="pro-confirm">
<div class="pro-confirm__hd">
<div class="pro-confirm__hd__image q-confirm__hd__image--bigImage">
<img src="http://img003.qufenqi.com/products/a1/1c/a11ccda06f1057df669c307d109f167b.png" />
</div>
<div class="pro-confirm__hd__title">标题单行</div>
</div>
<div class="pro-confirm__bd">
<div class="pro-confirm__bd__content">告知当前状态,信息和解决方案,不要超过两行</div>
</div>
<div class="pro-confirm__ft">
<a href="javascript:;" class="pro-confirm__btn q-confirm__btn--primary"
>确定</a
>
</div>
</div>