怎么坚向显示多张图片

手机端坚向显示多张图片怎么做，好像没有合适的插件，以下插件都不能（文件预览，FilePreviewer，图片），方便的话请做一个工程文件给我看看，谢谢了

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

感谢楼上大佬的支持~~

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

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

效果图下：

试试图文列表

stranger 发表于 2024-7-21 22:38
试试图文列表

不可以。早试过的。

我以前做过一个项目，展示商品详情页，用的是富文本编辑器，效果还可以，你可以试试这个，不过这个需要对原来的图片地址做一些循环拼接处理，最后形成类似这种的值，存入到一个单独的字段中，前端页面绑定这个字段就可以了

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;"">

复制代码