<!-- HTML 结构 -->
<div class="carousel-container">
  <div class="carousel-item">
    <img src="your-image-url-1.jpg" alt="Image description 1" class="rounded-image">
  </div>
  <!-- 其他轮播项... -->
</div>

/* CSS 样式 */
.rounded-image {
     
  border-radius: 10px; /* 按需调整圆角大小，单位可以是 px、em 或 % 等 */
  width: 100%; /* 保证图片填充满其容器 */
  height: auto; /* 保持图片宽高比 */
}

.carousel-container {
     
  /* 这里是轮播图容器的相关样式 */
}

请注意，具体实现方式可能因使用的轮播插件或框架不同而有所差异。如果是使用第三方库（如Bootstrap的Carousel组件），你可能需要找到该组件对应的类名并进行样式覆盖。

另外，在某些情况下，如果轮播图的每个图片item都有固定的宽度和高度，可以直接给.carousel-item img设置圆角，以确保所有图片都能显示圆角效果。

玥轩赞 5 评论 1

回答

帮忙看下为什么预览视图的展示都是乱七八糟的。

游客br3ovivgmfdaq 2024-01-19 156浏览量回答数 4

回答

钉钉宜搭里边的低代码中级认证的实操题的题目信息谁有啊，我认证通过之后就不让看了

已解决

游客urff5bnjwlhgk 2024-01-19 284浏览量回答数 2

arana_A 赞 3 评论 0

回答

想问下宜搭的链接，怎么可以直接链接跳转至特定人员钉钉的聊天窗口

已解决

游客br3ovivgmfdaq 2024-01-19 354浏览量回答数 4

首先要生成链接，去打开钉钉聊天框，可以参考案例：如何在宜搭中生成可打开钉钉聊天的链接。https://docs.aliwork.com/docs/yida_subject/_3/igf099l4camc441e#tMtPy

arana_A 赞 1 评论 0

回答

如何实现横向的自动滚动的交互效果，类似于自动轮播展示

已解决

游客br3ovivgmfdaq 2024-01-19 780浏览量回答数 8

这个建议试下CSS 动画 @keyframes 实现滚动效果，如果要实现无缝滚动，建议在该动画的基础上，复制前一个轮播项,即可实现轮播无限滚动di https://www.aliwork.com/hybrid_home
例如：

arana_A 赞 11 评论 1

回答

想问下宜搭的自定义页面如何显示浮窗应用效果

已解决

游客br3ovivgmfdaq 2024-01-19 159浏览量回答数 3

可以给想要悬浮的容器源码编辑，添加css样式

:root {
  position: fixed;  /* 设置为固定定位，使div悬浮在页面上 */
  top: 50%;  /* 设置距离页面顶部的距离，可根据需要调整 */
  right: 0;  /* 设置距离页面右侧的距离，0表示紧贴页面右侧 */
  transform: translateY(-50%);  /* 使div在垂直方向上居中 */
  background-color: #ccc;  /* 设置背景颜色 */
  padding: 10px;  /* 设置内边距，可根据需要调整 */
  width: 200px;  /* 设置宽度，可根据需要调整 */
}

实现效果：

样式可自行调整。
如果我的回答对您有所帮助，辛苦采纳我的回答，感谢🙏

asan3 赞 2 评论 0

回答

这个蓝色光标是用的什么组件，怎么在右侧展示的，并且当我鼠标放置到下列布局容器，什么显示下列效果

已解决

游客br3ovivgmfdaq 2024-01-18 108浏览量回答数 1

小蓝标非宜搭组件，而是多个容器嵌套并自定义css样式完成。
可以在外层套一个大容器，内部放一个小容器、一个文本。

给大容器阴影设置

小容器源码编辑此代码

:root {
     
  margin-left: 24px;
   width: 5px;
  background-color: #3c99d8;
  height: 50px;
}

最后效果：

后续问题是通过 css hover控制下方的显隐，可以参考三方css文档搜索hover的用法来达成自己想要的效果。
如果我的回答对您有所帮助，辛苦采纳我的回答哦～感谢🙏

asan3 赞 1 评论 0

回答

通过代码模拟手动更新子表单值后产生的联动更新效果

hnd6ksdqn3yrk 2024-01-17 139浏览量回答数 2

回答

页面背景能否上传图片

游客mdflbzcsygsqo 2024-01-16 108浏览量回答数 1

回答

如何实现当鼠标移动至文字时，文字颜色由黑色变成蓝色，

游客br3ovivgmfdaq 2024-01-16 391浏览量回答数 2

回答

宜搭单行文本高亮文字

游客34yjcjzbqy4yw 2024-01-16 178浏览量回答数 1

回答

想问下宜搭模版里布局的控件，如何显示浮动的交互效果，

已解决

游客br3ovivgmfdaq 2024-01-16 141浏览量回答数 2

在该布局上面配置样式以及在hover 的时候配置样式即可

:root {
     
transition: all .5s;
-moz-transition: all .5s;    /* Firefox 4 */
-webkit-transition: all .5s;    /* Safari 和 Chrome */
-o-transition: all .5s;    /* Opera */
}

:root:hover {
     
  transform: translate(0,-6px);
}

例如：

arana_A 赞 2 评论 0

回答

宜搭报表中，如何实现将报表定时下载并推送到群里

游客vdik3dorg4las 2024-01-16 414浏览量回答数 4

回答

升级到高级流程设计器，是只针对当前流程还是所有流程？

1980393734912046 2024-01-15 81浏览量回答数 1

回答

宜搭自定义页面怎么样布局可以实现页面适配移动端

已解决

无限乐 2024-01-15 425浏览量回答数 4

根据描述，宜搭自定义页面实现双端适配
建议试下样式里面使用媒体查询
如下图：选中想要设置移动端样式的组件，然后在右侧操作栏样式配置媒体查询自定义样式

arana_A 赞 2 评论 0

回答

关联表单控件的筛选条件不够用

1424355443440288 2024-01-15 87浏览量回答数 2

回答

循环容器设置问题

游客ei5dbgyqqv22s 2024-01-12 86浏览量回答数 2

回答

宜搭自定义页面创建一个岗位标准化流程说明页面，移动端显示摆放特别大无法缩放

已解决

无限乐 2024-01-12 130浏览量回答数 3

在阿里云宜搭中，如果你希望一个页面在PC端和移动端都能自动适应显示，并避免为不同设备分别设计页面，可以尝试以下方法：

响应式布局：
- 宜搭提供了响应式布局组件，可以实现不同屏幕尺寸下的自适应效果。对于大容器中的文本和图片，你可以调整其布局模式，如采用栅格系统、流式布局等，使其在不同屏幕尺寸下能自动调整大小和排列方式。
媒体查询（Media Query）：
- 虽然宜搭目前不直接支持CSS媒体查询进行自定义样式，但你可以利用宜搭的布局属性进行模拟。比如设置组件的宽度百分比、最小宽度、最大宽度以及是否允许换行等功能，来达到在不同屏幕尺寸下适配的效果。
使用Flex布局：
- 如果宜搭支持Flex布局，那么可以通过设置容器的display: flex;属性，并结合flex-wrap、flex-direction、justify-content和align-items等属性，使得内容在不同屏幕尺寸下灵活调整布局。
组件内部内容优化：
- 对于图片，确保其具有合理的最大宽度设置，以便在小屏幕上不会超过预期尺寸；对于文本，可以考虑根据屏幕大小动态调整字体大小或行高。