开发者社区> 问答> 正文

宜搭自定义页面,如何实现多个相同容器之间的左右滑动,或者上下滑动

image.png

展开
收起
游客br3ovivgmfdaq 2024-03-27 14:41:09 98 0
来自:钉钉宜搭
3 条回答
写回答
取消 提交回答
  • 要在宜搭自定义页面中实现多个相同容器之间的左右滑动或上下滑动,你可以使用以下方法:

    1. 创建多个相同的容器:在宜搭编辑器中,选择你想要复制的容器,然后按住Ctrl键(Windows)或Command键(Mac)并拖动该容器到你想要的位置。重复此操作以创建多个相同的容器。

    2. 设置容器的布局属性:选中所有容器,然后在右侧的属性面板中找到"布局"选项卡。在这里器的排列方式、间距和对齐方式等。

    3. 添加滚动条:选中一个容器,然后在右侧的属性面板中找到"样。在这里,你可以为容器添加滚动条。选择"溢出滚动"选项,并设置滚动条的样式和行为。

    . 调整容器的大小:根据需要,你可以调整每容器的大小。选中容器,然后在右侧的属性面板中找到"大小"选项卡。在这里,你可以设的宽度、高度和其他尺寸属性。

    1. 测试和调整:保存并预览你的页面,确保多个容器之间的滑动效果正常。如果需要,可以进一步调整容器的大小、间距和滚动条的行为,以达到理想的效果。

    通过以上步骤,你可以在宜搭自定义页面中实现多个相同容器之间的左右滑动或上下滑动。

    2024-03-29 15:48:39
    赞同 展开评论 打赏
  • 若问题得到了解决,辛苦点下采纳回答哦~

    在宜搭平台中实现多个相同容器之间的左右滑动,您可以采用容器的方式来设计页面。具体操作可以按照以下步骤进行:
    1.创建一个自定义页面,拉一个父容器,里面多个容器(可以循环渲染跟进自己的需求)
    image.png
    2.父容器配置样式
    image.png
    3.子容器样式
    image.png
    4.页面预览调试
    image.png

    2024-03-28 12:00:43
    赞同 展开评论 打赏
  • 阿里云大降价~

    在宜搭平台中实现多个相同容器之间的左右滑动或上下滑动,您可以采用分栏布局的方式来设计页面。具体操作可以按照以下步骤进行:

    1. 创建自定义页面:您需要在宜搭中创建一个自定义页面,并在该页面内加入一个容器组件。
    2. **使用Colu以根据需要设定每个容器的宽度比例。例如,您可以设置成多行用法,如`2:2:2:2:4:6:让超出的部分换行显示。
    3. 调整布局和间距:在设计态下,直接修改容器的布局和行列比,同时可能需要设置行间距(上下间距)来优化显示效果。
    4. 适配移动端:考虑到移动设备的显示,宜搭提供了适应手机端的布局设置,比如手机端一行只支持4栏,超过则换行处理。
    5. 绑定数据源:为了让容器中的内容能够动态展示,您还需要将数据源绑定到相应的容器上,以便从API或其他数据接口获取数据并展示。
    6. 预览和调试:设置完成后,您应该利用宜搭提供的预览功能来检查页面的实际表现,确保滑动和数据显示都符合预期。

    总之,通过以上步骤,您应该能够在宜搭平台上实现具有多个相同容器之间可左右或上下滑动的自定义页面。如果您在使用过程中遇到任何问题,建议参考宜搭官方文档或联系其技术支持以获得进一步的帮助。

    2024-03-27 16:18:50
    赞同 展开评论 打赏
问答分类:
问答地址:
关联地址:
相关产品:
来源圈子
更多
收录在圈子:
+ 订阅
「宜搭」是云钉原生低代码平台(钉钉 PaaS - aPaaS),让企业应用搭建更简单! 帮助中小企业降本提效,加强组织的数字化自主权; 帮助大型企业释放个体创新力,助力组织创新涌现。
相关文档: 宜搭
问答排行榜
最热
最新

相关电子书

更多
阿里云文件存储 NAS 在容器场景的最佳实践 立即下载
何种数据存储才能助力容器计算 立即下载
《容器网络文件系统CNFS》 立即下载