自定义博客皮肤VIP专享

*博客头图：

点击选择上传的图片

格式为PNG、JPG，宽度*高度大于1920*100像素，不超过2MB，主视觉建议放在右侧，请参照线上博客头图

请上传大于1920*100像素的图片！

博客底图：

点击选择上传的图片

图片格式为PNG、JPG，不超过1MB，可上下左右平铺至整个背景

栏目图：

点击选择上传的图片

图片格式为PNG、JPG，图片宽度*高度为300*38像素，不超过0.5MB

主标题颜色：

RGB颜色，例如：#AFAFAF

Hover：

RGB颜色，例如：#AFAFAF

副标题颜色：

RGB颜色，例如：#AFAFAF

预览取消提交

自定义博客皮肤

-+

上一步保存

mcYang0929的博客

xggg0929 CSDN认证博客专家 CSDN认证企业博客

码龄7年

26: 原创

11万+: 周排名

85万+: 总排名

19万+: 访问

: 等级

1731: 积分

10: 粉丝

26: 获赞

20: 评论

121: 收藏

私信

关注

热门文章

分类专栏

微信 1篇
微信小程序 4篇
JavaScript 13篇
CSS 4篇
jQuery 2篇
相关技术软件 5篇
vue 1篇
VS Code 2篇
React 4篇
移动端 1篇
nginx 1篇

最新评论

微信小程序：点击图片进行预览
小李不背锅: 如果是只预览某一组图片而不是所有图片可以参考我的做法 [code=html]  <view class="img"> <block wx:for="{{list.imagesUrl}}" wx:key="index" wx:for-item="img"> <image src="{{img}}" mode="aspectFill" show-menu-by-longpress="true" style="width: 200rpx; height: 200rpx;" bindtap="previewImg" data-imagesUrl="{{list.imagesUrl}}" data-index="{{index}}"></image> </block> </view> [/code] js代码： [code=javascript] //预览图片 previewImg(e){ //获取当前动态的图片列表 let imagesUrl = e.currentTarget.dataset.imagesUrl //获取点击的图片索引 let index = e.currentTarget.dataset.index console.log(imagesUrl) wx.previewImage({ urls: imagesUrl, //所有要预览的图片的地址集合数组形式 current: imagesUrl[index] //当前图片地址 }) }, [/code]
微信小程序：点击图片进行预览
对不起，我只想做回自己: 牛牛牛帮了大忙必须赞一个
利用PhotoSwipe进行完成图片预览功能
xggg0929: 可以动态添加数据，上面的那个item数组就是存放的数据，你可以根据后台返回的数组重新生成自己的item [code=javascript] var items = [ { src: 'https://placekitten.com/600/400', w: 600, h: 400 }, { src: 'https://placekitten.com/1200/900', w: 1200, h: 900 } ]; [/code]
利用PhotoSwipe进行完成图片预览功能
阿光光光光光: 链接只能写死的图片吗
微信小程序：点击图片进行预览
=Einsam=: nice，赞一个！

最新文章

vue

关注

关注数：文章数：2 文章阅读量：6134 文章收藏量：10

作者: xggg0929

只是一个前端敲代码的小怪

展开