【移动端】轮播图控件——新增展示指示点、宽高比属性

栏目:云苍穹知识作者:金蝶来源:金蝶云社区发布:2024-09-23浏览:1

【移动端】轮播图控件——新增展示指示点、宽高比属性

用户场景

在使用移动端轮播图过程中,有时候会根据一些特定的业务场景,需要配置是否展示指示点,以及在指示点展示的情况下,能够做到配置指示点的显示位置。另外,为了达到在不同的移动端机型上呈现出来的视觉效果相同,希望能够配置宽高比属性。

读完本文,你可以轻松掌握到移动端轮播图控件的一些新的玩法了。

功能介绍

1. 指示点可以控制是否展示

2. 展示指示点的时候,指示点的位置可以配置(可选值有居左、居中、居右,默认居中)

3. 在宽度确定的情况下,可以通过配置宽高比属性(可选值有2:1、3:1、4:1、5:1、6:1,默认3:1),直接控制高度的大小。(当然,假如配置了高度的情况下,轮播图默认还是会以设置的高度为准。宽高比属性只有在高度没有设置的情况下生效哦)

操作步骤

移动端设计器里面已经存在轮播图控件了,添加轮播图控件

  1. 展示指示点的情况下,设置指示点位置属性(居左、居中、居右)


  2. 选中轮播图控件,设置展示指示点属性为隐藏(默认展示)(隐藏指示点的情况下,是不存在指示点位置属性可配置的)


  3. 宽度为100%,高度没有设置的情况下,设置宽高比属性


  4. 宽度为100%,高度设置的情况下,设置宽高比属性不生效(设置宽高比只能在没有设置高度的情况下生效)


  5. 宽度为其它值,高度没有设置的情况,设置宽高比属性(这里的宽高比属性的高度是根据外层容器的宽度去计算的)


【移动端】轮播图控件——新增展示指示点、宽高比属性

用户场景在使用移动端轮播图过程中,有时候会根据一些特定的业务场景,需要配置是否展示指示点,以及在指示点展示的情况下,能够做到配置指...
点击下载文档
确认删除?
回到顶部
客服QQ
  • 客服QQ点击这里给我发消息