开发者社区> 问答> 正文

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

已解决

image.png

image.png

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

    小蓝标非宜搭组件,而是多个容器嵌套并自定义css样式完成。
    可以在外层套一个大容器,内部放一个小容器、一个文本。
    image.png
    给大容器阴影设置
    image.png
    小容器源码编辑此代码
    image.png

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

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

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

相关电子书

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