自定义博客皮肤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的博客

博客等级

码龄8年

26
原创

26
点赞

121
收藏

10
粉丝

关注

私信

热门文章

分类专栏

微信 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，赞一个！

jQuery

关注

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

作者: xggg0929

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

展开

专栏收录文章