利用ant Design 的Tooltip文字气泡,制作
2017-03-22 19:05
169 查看
text 为图片数组。
<div className="photo-list" key ={index}>{ text.map(function (item, index) { const openImage =( <div> <div className="photo-large"> <img alt="example" style={{width: '100%'}} src={item.url}/> </div> </div>); return ( <Tooltip title={openImage} key={index}> <div className="photo-item"> <img alt="example" src={item.url}/> </div> </Tooltip> ) }) } </div>
相关文章推荐
- 利用WPS文字制作电子印章
- 利用css制作多彩文字效果
- 利用css3中的after和content制作简单的tooltip
- cocos2d-x 利用CCLabelTTF制作文字描边与阴影效果的实现方法
- cocos2d-x 利用CCLabelTTF制作文字描边与阴影效果的实现方法
- cocos2d-x 利用CCLabelTTF制作文字描边与阴影效果的实现方法
- 17.利用UILabel制作输入框的剩余可输入文字提示信息
- 利用canvas制作图片(可缩放和平移)+相框+文字
- 利用CSS3中:after和:before属性制作bootStrap中的toolTip
- 利用canvas制作图片(可缩放和平移)+相框+文字
- Document对象之利用title属性制作文字逐渐出现的标题
- 利用PS制作带有书法文字的人物图像
- 如何利用CSS3制作3D文字效果
- Unity3D基础学习 NGUI自带Tooltip制作提示文字
- cocos2d-x 利用CCLabelTTF制作文字描边与阴影效果的实现方法
- [Design]Ppt处理大段文字
- C++Builder下利用TImage制作二维条码PDF417打印控件(四)
- 利用c#制作托盘程序,并禁止多个应用实例运行
- 产品打包工具的制作,ant,编译源码,打jar包,打tag,打war包,备份release版本等
- 利用jQuery中的bgstretcher插件制作幻灯片效果背景