1. 使用场景

当我们的组件需要添加描述信息,而描述信息过多导致不美观不便捷时,可以通过鼠标滑过时展示描述信息,鼠标划出时就自动隐藏描述信息的功能,使页面更加的美观,那么我们可以通过本案例来学习如何实现上述效果。

2. 视频展示

3. 操作步骤

3.1 步骤一:创建一个表单

在页面当中添加一个单行文本组件和一个图文展示组件。

表单编辑页面

3.2 步骤二:在图文展示里面设置描述信息

设置高级内容

编辑需要展示的内容,可以根据自己需求设置字体颜色、大小等等。

添加描述信息

3.3 步骤三:在 didMount 函数中编写代码来控制图文组件的显隐

JS 面板

参考代码(可直接复制,注意修改唯一标识)

5. 在线试玩

https://www.aliwork.com/bench/coe?tplUuid=TPL_T150R6Q3YXB3N8Y17UCL


--------------------获取宜搭最新信息,欢迎关注我们--------------------

点赞(0) 打赏

评论列表 共有 0 条评论

暂无评论

微信小程序

微信扫一扫体验

立即
投稿

微信公众账号

微信扫一扫加关注

发表
评论
返回
顶部