<h5>1.1.1: 使用map构造卡片上的帮助信息</h5> <p>我们在使用时候经常对一些属性不知道该如何设置或者填写，如果能够出来帮助信息就太好了，bp框架扩展了帮助信息的连接，以ccflow的节点属性流程属性为例。</p> <p>当点击 帮助的ICON时候，就出现相应的帮助信息.</p> <p>BP框架提供了如下几种模式的帮助信息。</p> <h6>1.1.1.1: 链接到baidu. </h6> <p>效果：</p> <p><a href="http://static.oschina.net/uploads/img/201408/01104814_1n1n.png"><img style="border-bottom: 0px; border-left: 0px; display: inline; border-top: 0px; border-right: 0px" title="image" border="0" alt="image" src="http://static.oschina.net/uploads/img/201408/01104821_KAd9.png" width="1198" height="779" /></a> </p> <p><b>实现方式：</b></p> <p><a href="http://static.oschina.net/uploads/img/201408/01104825_3rEu.png"><img style="border-bottom: 0px; border-left: 0px; display: inline; border-top: 0px; border-right: 0px" title="image" border="0" alt="image" src="http://static.oschina.net/uploads/img/201408/01104836_9oKj.png" width="1136" height="660" /></a> </p> <h6>1.1.1.2: 直接alert提示</h6> <p><b>展现方式：</b></p> <p><a href="http://static.oschina.net/uploads/img/201408/01104838_ATBx.png"><img style="border-bottom: 0px; border-left: 0px; display: inline; border-top: 0px; border-right: 0px" title="image" border="0" alt="image" src="http://static.oschina.net/uploads/img/201408/01104843_SIPO.png" width="1069" height="483" /></a> </p> <p><b>实现代码：</b></p> <p><a href="http://static.oschina.net/uploads/img/201408/01104850_ex1B.png"><img style="border-bottom: 0px; border-left: 0px; display: inline; border-top: 0px; border-right: 0px" title="image" border="0" alt="image" src="http://static.oschina.net/uploads/img/201408/01104900_uPWH.png" width="1177" height="634" /></a> </p> <h6>1.1.1.3: 连接到指定的url</h6> <p>效果：</p> <p><a href="http://static.oschina.net/uploads/img/201408/01104902_Q82K.png"><img style="border-bottom: 0px; border-left: 0px; display: inline; border-top: 0px; border-right: 0px" title="image" border="0" alt="image" src="http://static.oschina.net/uploads/img/201408/01104906_5KW6.png" width="640" height="351" /></a> </p> <p>配置方式：</p> <p></p> <p></p> <p></p> <p></p> <p><a href="http://static.oschina.net/uploads/img/201408/01104908_Gcyx.png"><img style="border-bottom: 0px; border-left: 0px; display: inline; border-top: 0px; border-right: 0px" title="image" border="0" alt="image" src="http://static.oschina.net/uploads/img/201408/01104916_Jriq.png" width="1192" height="642" /></a></p>