hookehuyr

改成长按显示图片

1 <!-- 1 <!--
2 * @Date: 2022-09-26 14:36:57 2 * @Date: 2022-09-26 14:36:57
3 * @LastEditors: hookehuyr hookehuyr@gmail.com 3 * @LastEditors: hookehuyr hookehuyr@gmail.com
4 - * @LastEditTime: 2023-03-01 11:20:02 4 + * @LastEditTime: 2023-03-01 14:38:49
5 * @FilePath: /swx/src/pages/activityDetail/index.vue 5 * @FilePath: /swx/src/pages/activityDetail/index.vue
6 * @Description: 活动详情页 6 * @Description: 活动详情页
7 --> 7 -->
...@@ -182,11 +182,33 @@ onMounted(async () => { ...@@ -182,11 +182,33 @@ onMounted(async () => {
182 nickname.value = data.user.nickname; 182 nickname.value = data.user.nickname;
183 avatar.value = data.user.avatar ? data.user.avatar : 'http://gyzs.onwall.cn/tou%402x.png'; 183 avatar.value = data.user.avatar ? data.user.avatar : 'http://gyzs.onwall.cn/tou%402x.png';
184 } 184 }
185 - // 给每张图片添加长按事件 185 + // 给每张图片添加查看事件
186 nextTick(() => { 186 nextTick(() => {
187 var imgs = $('#taro_html').children('.h5-p').children('.h5-img'); 187 var imgs = $('#taro_html').children('.h5-p').children('.h5-img');
188 imgs.forEach(function (img) { 188 imgs.forEach(function (img) {
189 - $(img).attr('show-menu-by-longpress', true) 189 + // $(img).attr('show-menu-by-longpress', true)
190 + $(img).on('longpress', function (e) {
191 + Taro.previewImage({
192 + // 需要预览的图片链接列表
193 + urls: [$(img).attr('src')],
194 + // 为当前显示图片的链接/索引值
195 + current: $(img).attr('src'),
196 + // 图片指示器样式
197 + indicator:'default',
198 + // 是否可循环预览
199 + loop:false,
200 + // 长按图片显示操作菜单,如不填默认为保存相册
201 + // longPressActions:{
202 + // itemList:[this.l('发送给朋友'),this.l]
203 + // },
204 + success: res => {
205 + console.warn('res', res);
206 + },
207 + fail: err => {
208 + console.error('err', err);
209 + }
210 + })
211 + })
190 }) 212 })
191 }) 213 })
192 }) 214 })
......