开发者社区> 问答> 正文

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

已解决

交互效果:鼠标移动到该布局控件,该控件会上下浮
image.png

展开
收起
游客br3ovivgmfdaq 2024-01-16 10:53:18 99 1
来自:钉钉宜搭
2 条回答
写回答
取消 提交回答
  • 如果问题得到了解决,辛苦点下采纳回答哦~
    采纳回答

    2000元阿里云代金券免费领取,2核4G云服务器仅799元/3年,新老用户都有优惠,立即抢购>>>

    在该布局上面配置样式以及在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);
    }
    

    例如:
    image.png

    2024-01-16 11:09:56
    赞同 2 展开评论 打赏
  • 面对过去,不要迷离;面对未来,不必彷徨;活在今天,你只要把自己完全展示给别人看。

    2000元阿里云代金券免费领取,2核4G云服务器仅799元/3年,新老用户都有优惠,立即抢购>>>

    在宜搭平台中,如果您想要实现布局的控件显示浮动的交互效果,您可以利用其提供丰富的功能模块和组件库进行配置。首先,您可以尝试使用ColumnsLayout布局容器来实现分栏布局,这种布局方式预置了多种布局方式,同时也支持自定义布局。另外,您还可以通过自定义页面中的不同组件如【布局】、【基础】、【表单】、【高级】和【其他】,来调整和优化您的设计。

    同时,宜搭还提供了通用的样式配置面板用于可视化配置基础的样式,例如:布局、文字、背景、阴影、边框等。这些样式配置可以实时在可视编辑区域查看效果。因此,通过对组件的布局和样式进行调整,您应该可以实现控件的浮动交互效果。

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

相关电子书

更多
宜搭 - 企业智能化应用搭建平台 立即下载
《云市场-宜搭解决方案》 立即下载
《宜搭开发手册》 立即下载
http://www.vxiaotou.com