benny111 发表于 2024-7-21 21:35:52

怎么坚向显示多张图片

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

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

Nathan.guo 发表于 2024-7-21 21:35:53

感谢楼上大佬的支持~~

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

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

效果图下:

stranger 发表于 2024-7-21 22:38:47

试试图文列表

benny111 发表于 2024-7-22 00:19:17

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

不可以。早试过的。

successit 发表于 2024-7-22 08:30:42

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

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

页: [1]
查看完整版本: 怎么坚向显示多张图片