找回密码
 立即注册

QQ登录

只需一步,快速开始

benny111

金牌服务用户

50

主题

117

帖子

459

积分

金牌服务用户

积分
459
benny111
金牌服务用户   /  发表于:2024-7-21 21:35  /   查看:453  /  回复:4
1金币
手机端坚向显示多张图片怎么做,好像没有合适的插件,以下插件都不能(文件预览,FilePreviewer,图片),方便的话请做一个工程文件给我看看,谢谢了

场景就是像手机的淘宝的商品详情页图,就是往下拉一堆的图片,图片数据库里是一个字段保存的,值是这样的14244e3b-b12d-45d4-b933-85e4f4994902_7.png|a7881b3d-7933-406c-bbfa-ba311f26c8f4_8.jpg|

最佳答案

查看完整内容

感谢楼上大佬的支持~~ 同时我理解图文列表是可以实现的 1.我们再页面隐藏区域放一个未绑定数据源的表格,并添加一列叫pic的列 2.图文列表绑定改表格,并在模板中使用图片单元格 3.慧道父页面,我们拿到附件字段后,可以合适的时机,先使用字符出啊你分割为数组。分隔符为"|",然后循环数组,在使用循环命令训话拿数据,把数组的图片添加到表格里即可 效果图下:

4 个回复

倒序浏览
最佳答案
最佳答案
Nathan.guo活字格认证 Wyn认证
超级版主   /  发表于:2024-7-21 21:35:53
来自 5#
感谢楼上大佬的支持~~

同时我理解图文列表是可以实现的
1.我们再页面隐藏区域放一个未绑定数据源的表格,并添加一列叫pic的列
2.图文列表绑定改表格,并在模板中使用图片单元格

3.慧道父页面,我们拿到附件字段后,可以合适的时机,先使用字符出啊你分割为数组。分隔符为"|",然后循环数组,在使用循环命令训话拿数据,把数组的图片添加到表格里即可

效果图下:

本帖子中包含更多资源

您需要 登录 才可以下载或查看,没有帐号?立即注册

x
回复 使用道具 举报
stranger
银牌会员   /  发表于:2024-7-21 22:38:47
2#
试试图文列表
回复 使用道具 举报
benny111
金牌服务用户   /  发表于:2024-7-22 00:19:17
3#
stranger 发表于 2024-7-21 22:38
试试图文列表

不可以。早试过的。
回复 使用道具 举报
successit悬赏达人认证
银牌会员   /  发表于:2024-7-22 08:30:42
4#
我以前做过一个项目,展示商品详情页,用的是富文本编辑器,效果还可以,你可以试试这个,不过这个需要对原来的图片地址做一些循环拼接处理,最后形成类似这种的值,存入到一个单独的字段中,前端页面绑定这个字段就可以了

  1. <img https://xxxxx/src5e137e94-80ed-4063-8edd-7cc1fcc2acdc_竹炭乳胶床垫1.png"" style=""width: 100%;display: block;"">
  2. <img https://xxxxx/src346f5847-735f-4b5d-85d7-67c66b60a520_竹炭乳胶床垫2.png"" style=""width: 100%;display: block;"">
  3. <img https://xxxxx/srca378fb88-79be-498a-808e-6afa6d4090d5_竹炭乳胶床垫3.png"" style=""width: 100%;display: block;"">
  4. <img https://xxxxx/src63626f7a-71f9-41b4-9e76-b2cc8025a695_竹炭乳胶床垫4.png"" style=""width: 100%;display: block;"">
  5. <img https://xxxxx/srcb50b2798-9b08-4162-8c5b-8f5b656d8231_竹炭乳胶床垫5.png"" style=""width: 100%;display: block;"">
  6. <img https://xxxxx/src67c0cf93-206e-480f-a506-ea1ec81e0100_竹炭乳胶床垫6.png"" style=""width: 100%;display: block;"">
  7. <img https://xxxxx/srce0310b26-5753-431a-a01b-aeafedbbf1e3_竹炭乳胶床垫7.jpg"" style=""width: 100%;display: block;"">
  8. <img https://xxxxx/srcd87dc410-a864-4e16-805e-d8566912811b_竹炭乳胶床垫8.jpg"" style=""width: 100%;display: block;"">
  9. <img https://xxxxx/srcdfbbfc2e-0e91-42d3-886d-23ecbade0a03_竹炭乳胶床垫9.jpg"" style=""width: 100%;display: block;"">
  10. <img https://xxxxx/srcc6b90a11-43be-4ec4-a419-9af0a10cbb11_竹炭乳胶床垫10.png"" style=""width: 100%;display: block;"">
  11. <img https://xxxxx/srce1dbb354-2ade-4d0d-a668-0e4d92f591fa_竹炭乳胶床垫11.png"" style=""width: 100%;display: block;"">
  12. <img https://xxxxx/srccdb59fb5-e321-4c18-a97b-56a2acfb0bb0_竹炭乳胶床垫12.png"" style=""width: 100%;display: block;"">
  13. <img https://xxxxx/srceeb0aaf6-688c-4646-b899-be56c925ab57_竹炭乳胶床垫13.png"" style=""width: 100%;display: block;"">
  14. <img https://xxxxx/srcd937e284-06cf-4e20-88b4-8452faa68bf2_竹炭乳胶床垫14.png"" style=""width: 100%;display: block;"">
  15. <img https://xxxxx/src3a7b6e85-148a-445c-90d6-ce29267ef34f_竹炭乳胶床垫15.png"" style=""width: 100%;display: block;"">
  16. <img https://xxxxx/src22c50036-29f4-4881-a3a1-f4780c99e45c_竹炭乳胶床垫16.png"" style=""width: 100%;display: block;"">
  17. <img https://xxxxx/src71cf52bf-41d7-4f0d-948e-3ba19275897e_竹炭乳胶床垫17.png"" style=""width: 100%;display: block;"">
复制代码


评分

参与人数 1金币 +5 收起 理由
Nathan.guo + 5 赞一个!

查看全部评分

回复 使用道具 举报
您需要登录后才可以回帖 登录 | 立即注册
返回顶部